<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.22
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-->
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>Icons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
    <!-- CSS files -->
    <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
    <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
    <link href="./dist/css/demo.min.css" rel="stylesheet"/>
  </head>
  <body class="antialiased">
    <div class="page">
      <header class="navbar navbar-expand-md navbar-light d-print-none">
        <div class="container-xl">
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
            <span class="navbar-toggler-icon"></span>
          </button>
          <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
            <a href=".">
              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
            </a>
          </h1>
          <div class="navbar-nav flex-row order-md-last">
            <div class="nav-item dropdown d-none d-md-flex me-3">
              <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
                <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                <span class="badge bg-red"></span>
              </a>
              <div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
                <div class="card">
                  <div class="card-body">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
                  </div>
                </div>
              </div>
            </div>
            <div class="nav-item dropdown">
              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                <div class="d-none d-xl-block ps-2">
                  <div>Paweł Kuna</div>
                  <div class="mt-1 small text-muted">UI Designer</div>
                </div>
              </a>
              <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                <a href="#" class="dropdown-item">Set status</a>
                <a href="#" class="dropdown-item">Profile & account</a>
                <a href="#" class="dropdown-item">Feedback</a>
                <div class="dropdown-divider"></div>
                <a href="#" class="dropdown-item">Settings</a>
                <a href="#" class="dropdown-item">Logout</a>
              </div>
            </div>
          </div>
        </div>
      </header>
      <div class="navbar-expand-md">
        <div class="collapse navbar-collapse" id="navbar-menu">
          <div class="navbar navbar-light">
            <div class="container-xl">
              <ul class="navbar-nav">
                <li class="nav-item">
                  <a class="nav-link" href="./index.html" >
                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
                    </span>
                    <span class="nav-link-title">
                      Home
                    </span>
                  </a>
                </li>
                <li class="nav-item active dropdown">
                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
                    </span>
                    <span class="nav-link-title">
                      Interface
                    </span>
                  </a>
                  <div class="dropdown-menu">
                    <div class="dropdown-menu-columns">
                      <div class="dropdown-menu-column">
                        <a class="dropdown-item" href="./empty.html" >
                          Empty page
                        </a>
                        <a class="dropdown-item" href="./accordion.html" >
                          Accordion
                        </a>
                        <a class="dropdown-item" href="./blank.html" >
                          Blank page
                        </a>
                        <a class="dropdown-item" href="./buttons.html" >
                          Buttons
                        </a>
                        <a class="dropdown-item" href="./cards.html" >
                          Cards
                        </a>
                        <a class="dropdown-item" href="./cards-masonry.html" >
                          Cards Masonry
                        </a>
                        <a class="dropdown-item" href="./colors.html" >
                          Colors
                        </a>
                        <a class="dropdown-item" href="./dropdowns.html" >
                          Dropdowns
                        </a>
                        <a class="dropdown-item active" href="./icons.html" >
                          Icons
                        </a>
                        <a class="dropdown-item" href="./modals.html" >
                          Modals
                        </a>
                        <a class="dropdown-item" href="./maps.html" >
                          Maps
                        </a>
                        <a class="dropdown-item" href="./map-fullsize.html" >
                          Map fullsize
                        </a>
                        <a class="dropdown-item" href="./maps-vector.html" >
                          Vector maps
                        </a>
                        <a class="dropdown-item" href="./navigation.html" >
                          Navigation
                        </a>
                      </div>
                      <div class="dropdown-menu-column">
                        <a class="dropdown-item" href="./charts.html" >
                          Charts
                        </a>
                        <a class="dropdown-item" href="./charts-heatmap.html" >
                          Charts heatmap
                        </a>
                        <a class="dropdown-item" href="./pagination.html" >
                          Pagination
                        </a>
                        <a class="dropdown-item" href="./skeleton.html" >
                          Skeleton
                        </a>
                        <a class="dropdown-item" href="./tabs.html" >
                          Tabs
                        </a>
                        <a class="dropdown-item" href="./tables.html" >
                          Tables
                        </a>
                        <a class="dropdown-item" href="./carousel.html" >
                          Carousel
                        </a>
                        <a class="dropdown-item" href="./lists.html" >
                          Lists
                        </a>
                        <a class="dropdown-item" href="./typography.html" >
                          Typography
                        </a>
                        <a class="dropdown-item" href="./page-headers.html" >
                          Page headers
                        </a>
                        <a class="dropdown-item" href="./markdown.html" >
                          Markdown
                        </a>
                        <div class="dropend">
                          <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
                            Authentication
                          </a>
                          <div class="dropdown-menu">
                            <a href="./sign-in.html" class="dropdown-item">Sign in</a>
                            <a href="./sign-up.html" class="dropdown-item">Sign up</a>
                            <a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
                            <a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
                            <a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
                          </div>
                        </div>
                        <div class="dropend">
                          <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
                            Error pages
                          </a>
                          <div class="dropdown-menu">
                            <a href="./error-404.html" class="dropdown-item">404 page</a>
                            <a href="./error-500.html" class="dropdown-item">500 page</a>
                            <a href="./error-maintenance.html" class="dropdown-item">Maintenance page</a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="./form-elements.html" >
                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
                    </span>
                    <span class="nav-link-title">
                      Form elements
                    </span>
                  </a>
                </li>
                <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
                    </span>
                    <span class="nav-link-title">
                      Extra
                    </span>
                  </a>
                  <div class="dropdown-menu">
                    <a class="dropdown-item" href="./activity.html" >
                      Activity
                    </a>
                    <a class="dropdown-item" href="./gallery.html" >
                      Gallery
                    </a>
                    <a class="dropdown-item" href="./invoice.html" >
                      Invoice
                    </a>
                    <a class="dropdown-item" href="./search-results.html" >
                      Search results
                    </a>
                    <a class="dropdown-item" href="./pricing.html" >
                      Pricing cards
                    </a>
                    <a class="dropdown-item" href="./users.html" >
                      Users
                    </a>
                    <a class="dropdown-item" href="./license.html" >
                      License
                    </a>
                    <a class="dropdown-item" href="./music.html" >
                      Music
                    </a>
                    <a class="dropdown-item" href="./widgets.html" >
                      Widgets
                    </a>
                    <a class="dropdown-item" href="./wizard.html" >
                      Wizard
                    </a>
                  </div>
                </li>
                <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
                    </span>
                    <span class="nav-link-title">
                      Layout
                    </span>
                  </a>
                  <div class="dropdown-menu">
                    <div class="dropdown-menu-columns">
                      <div class="dropdown-menu-column">
                        <a class="dropdown-item" href="./layout-horizontal.html" >
                          Horizontal
                        </a>
                        <a class="dropdown-item" href="./layout-vertical.html" >
                          Vertical
                        </a>
                        <a class="dropdown-item" href="./layout-vertical-transparent.html" >
                          Vertical transparent
                        </a>
                        <a class="dropdown-item" href="./layout-vertical-right.html" >
                          Right vertical
                        </a>
                        <a class="dropdown-item" href="./layout-condensed.html" >
                          Condensed
                        </a>
                        <a class="dropdown-item" href="./layout-condensed-dark.html" >
                          Condensed dark
                        </a>
                        <a class="dropdown-item" href="./layout-combo.html" >
                          Combined
                        </a>
                      </div>
                      <div class="dropdown-menu-column">
                        <a class="dropdown-item" href="./layout-navbar-dark.html" >
                          Navbar dark
                        </a>
                        <a class="dropdown-item" href="./layout-navbar-sticky.html" >
                          Navbar sticky
                        </a>
                        <a class="dropdown-item" href="./layout-navbar-overlap.html" >
                          Navbar overlap
                        </a>
                        <a class="dropdown-item" href="./layout-dark.html" >
                          Dark mode
                        </a>
                        <a class="dropdown-item" href="./layout-rtl.html" >
                          RTL mode
                        </a>
                        <a class="dropdown-item" href="./layout-fluid.html" >
                          Fluid
                        </a>
                        <a class="dropdown-item" href="./layout-fluid-vertical.html" >
                          Fluid vertical
                        </a>
                      </div>
                    </div>
                  </div>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="./docs/index.html" >
                    <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
                    </span>
                    <span class="nav-link-title">
                      Documentation
                    </span>
                  </a>
                </li>
              </ul>
              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
                <form action="." method="get">
                  <div class="input-icon">
                    <span class="input-icon-addon">
                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
                    </span>
                    <input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="content">
        <div class="container-xl">
          <!-- Page title -->
          <div class="page-header d-print-none">
            <div class="row align-items-center">
              <div class="col">
                <h2 class="page-title">
                  Icons
                </h2>
              </div>
            </div>
          </div>
          <div class="row row-cards">
            <div class="col-12">
              <div class="card">
                <div class="card-header">
                  <div class="card-title">Tabler icons</div>
                </div>
                <div class="card-body">
                  <div class="row" data-icon-preview>
                    <div class="col-md-6 col-lg-4">
                      <div class="demo-icon-preview">
                        <div data-icon-preview-icon>
                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 16h-4l3.47 -4.66a2 2 0 1 0 -3.47 -1.54" /><path d="M10 16v-8h4" /><line x1="10" y1="12" x2="13" y2="12" /><path d="M17 16v-6a2 2 0 0 1 4 0v6" /><line x1="17" y1="13" x2="21" y2="13" /></svg>
                        </div>
                        <h2 class="my-2" data-icon-preview-title>2fa</h2>
                        <div class="demo-icon-preview-icon" data-icon-preview-code>
                          <figure class="highlight">
                            <pre><code class="language-html" data-lang="html"><span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 16h-4l3.47 -4.66a2 2 0 1 0 -3.47 -1.54"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 16v-8h4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 16v-6a2 2 0 0 1 4 0v6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre>
                          </figure>
                        </div>
                      </div>
                    </div>
                    <div class="col">
                      <div class="demo-icons-list-wrap">
                        <div class="demo-icons-list">
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="2fa" title="2fa">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 16h-4l3.47 -4.66a2 2 0 1 0 -3.47 -1.54" /><path d="M10 16v-8h4" /><line x1="10" y1="12" x2="13" y2="12" /><path d="M17 16v-6a2 2 0 0 1 4 0v6" /><line x1="17" y1="13" x2="21" y2="13" /></svg>
                            <div class="mt-1 text-muted text-h5">2fa</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="3d-cube-sphere" title="3d-cube-sphere">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 17.6l-2 -1.1v-2.5" /><path d="M4 10v-2.5l2 -1.1" /><path d="M10 4.1l2 -1.1l2 1.1" /><path d="M18 6.4l2 1.1v2.5" /><path d="M20 14v2.5l-2 1.12" /><path d="M14 19.9l-2 1.1l-2 -1.1" /><line x1="12" y1="12" x2="14" y2="10.9" /><line x1="18" y1="8.6" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="14.5" /><line x1="12" y1="18.5" x2="12" y2="21" /><path d="M12 12l-2 -1.12" /><line x1="6" y1="8.6" x2="4" y2="7.5" /></svg>
                            <div class="mt-1 text-muted text-h5">3d-cube-sphere</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="a-b" title="a-b">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 16v-5.5a2.5 2.5 0 0 1 5 0v5.5m0 -4h-5" /><line x1="12" y1="6" x2="12" y2="18" /><path d="M16 16v-8h3a2 2 0 0 1 0 4h-3m3 0a2 2 0 0 1 0 4h-3" /></svg>
                            <div class="mt-1 text-muted text-h5">a-b</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="access-point-off" title="access-point-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M14.828 9.172a4 4 0 0 1 1.172 2.828" /><path d="M17.657 6.343a8 8 0 0 1 1.635 8.952" /><path d="M9.168 14.828a4 4 0 0 1 0 -5.656" /><path d="M6.337 17.657a8 8 0 0 1 0 -11.314" /></svg>
                            <div class="mt-1 text-muted text-h5">access-point-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="access-point" title="access-point">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M14.828 9.172a4 4 0 0 1 0 5.656" /><path d="M17.657 6.343a8 8 0 0 1 0 11.314" /><path d="M9.168 14.828a4 4 0 0 1 0 -5.656" /><path d="M6.337 17.657a8 8 0 0 1 0 -11.314" /></svg>
                            <div class="mt-1 text-muted text-h5">access-point</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="accessible" title="accessible">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M10 16.5l2 -3l2 3m-2 -3v-2l3 -1m-6 0l3 1" /><circle cx="12" cy="7.5" r=".5" fill="currentColor" /></svg>
                            <div class="mt-1 text-muted text-h5">accessible</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="activity" title="activity">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h4l3 8l4 -16l3 8h4" /></svg>
                            <div class="mt-1 text-muted text-h5">activity</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="ad" title="ad">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 15v-4a2 2 0 0 1 4 0v4" /><line x1="7" y1="13" x2="11" y2="13" /><path d="M17 9v6h-1.5a1.5 1.5 0 1 1 1.5 -1.5" /></svg>
                            <div class="mt-1 text-muted text-h5">ad</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="adjustments-alt" title="adjustments-alt">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="8" width="4" height="4" /><line x1="6" y1="4" x2="6" y2="8" /><line x1="6" y1="12" x2="6" y2="20" /><rect x="10" y="14" width="4" height="4" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="18" x2="12" y2="20" /><rect x="16" y="5" width="4" height="4" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="9" x2="18" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">adjustments-alt</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="adjustments-horizontal" title="adjustments-horizontal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="14" cy="6" r="2" /><line x1="4" y1="6" x2="12" y2="6" /><line x1="16" y1="6" x2="20" y2="6" /><circle cx="8" cy="12" r="2" /><line x1="4" y1="12" x2="6" y2="12" /><line x1="10" y1="12" x2="20" y2="12" /><circle cx="17" cy="18" r="2" /><line x1="4" y1="18" x2="15" y2="18" /><line x1="19" y1="18" x2="20" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">adjustments-horizontal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="adjustments" title="adjustments">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="10" r="2" /><line x1="6" y1="4" x2="6" y2="8" /><line x1="6" y1="12" x2="6" y2="20" /><circle cx="12" cy="16" r="2" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="18" x2="12" y2="20" /><circle cx="18" cy="7" r="2" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="9" x2="18" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">adjustments</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="alarm" title="alarm">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="7" /><polyline points="12 10 12 13 14 13" /><line x1="7" y1="4" x2="4.25" y2="6" /><line x1="17" y1="4" x2="19.75" y2="6" /></svg>
                            <div class="mt-1 text-muted text-h5">alarm</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="alert-circle" title="alert-circle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="12" y2="12" /><line x1="12" y1="16" x2="12.01" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">alert-circle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="alert-octagon" title="alert-octagon">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.7 3h6.6c.3 0 .5 .1 .7 .3l4.7 4.7c.2 .2 .3 .4 .3 .7v6.6c0 .3 -.1 .5 -.3 .7l-4.7 4.7c-.2 .2 -.4 .3 -.7 .3h-6.6c-.3 0 -.5 -.1 -.7 -.3l-4.7 -4.7c-.2 -.2 -.3 -.4 -.3 -.7v-6.6c0 -.3 .1 -.5 .3 -.7l4.7 -4.7c.2 -.2 .4 -.3 .7 -.3z" /><line x1="12" y1="8" x2="12" y2="12" /><line x1="12" y1="16" x2="12.01" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">alert-octagon</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="alert-triangle" title="alert-triangle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9v2m0 4v.01" /><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /></svg>
                            <div class="mt-1 text-muted text-h5">alert-triangle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="alien" title="alien">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 17a2.5 2.5 0 0 0 2 0" /><path d="M12 3c-4.664 0 -7.396 2.331 -7.862 5.595a11.816 11.816 0 0 0 2 8.592a10.777 10.777 0 0 0 3.199 3.064c1.666 1 3.664 1 5.33 0a10.777 10.777 0 0 0 3.199 -3.064a11.89 11.89 0 0 0 2 -8.592c-.466 -3.265 -3.198 -5.595 -7.862 -5.595z" /><line x1="8" y1="11" x2="10" y2="13" /><line x1="16" y1="11" x2="14" y2="13" /></svg>
                            <div class="mt-1 text-muted text-h5">alien</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="align-center" title="align-center">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="8" y1="12" x2="16" y2="12" /><line x1="6" y1="18" x2="18" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">align-center</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="align-justified" title="align-justified">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="4" y1="18" x2="16" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">align-justified</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="align-left" title="align-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="12" x2="14" y2="12" /><line x1="4" y1="18" x2="18" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">align-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="align-right" title="align-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="10" y1="12" x2="20" y2="12" /><line x1="6" y1="18" x2="20" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">align-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="ambulance" title="ambulance">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-11a1 1 0 0 1 1 -1h9v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5" /><path d="M6 10h4m-2 -2v4" /></svg>
                            <div class="mt-1 text-muted text-h5">ambulance</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="anchor" title="anchor">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9v12m-8 -8a8 8 0 0 0 16 0m1 0h-2m-14 0h-2" /><circle cx="12" cy="6" r="3" /></svg>
                            <div class="mt-1 text-muted text-h5">anchor</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="antenna-bars-1" title="antenna-bars-1">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="18.01" /><line x1="10" y1="18" x2="10" y2="18.01" /><line x1="14" y1="18" x2="14" y2="18.01" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
                            <div class="mt-1 text-muted text-h5">antenna-bars-1</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="antenna-bars-2" title="antenna-bars-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="18.01" /><line x1="14" y1="18" x2="14" y2="18.01" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
                            <div class="mt-1 text-muted text-h5">antenna-bars-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="antenna-bars-3" title="antenna-bars-3">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="12" /><line x1="14" y1="18" x2="14" y2="18.01" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
                            <div class="mt-1 text-muted text-h5">antenna-bars-3</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="antenna-bars-4" title="antenna-bars-4">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="12" /><line x1="14" y1="18" x2="14" y2="9" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
                            <div class="mt-1 text-muted text-h5">antenna-bars-4</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="antenna-bars-5" title="antenna-bars-5">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="12" /><line x1="14" y1="18" x2="14" y2="9" /><line x1="18" y1="18" x2="18" y2="6" /></svg>
                            <div class="mt-1 text-muted text-h5">antenna-bars-5</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="aperture" title="aperture">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="3.6" y1="15" x2="14.15" y2="15" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(72 12 12)" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(144 12 12)" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(216 12 12)" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(288 12 12)" /></svg>
                            <div class="mt-1 text-muted text-h5">aperture</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="apps" title="apps">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
                            <div class="mt-1 text-muted text-h5">apps</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="archive" title="archive">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="4" rx="2" /><path d="M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-10" /><line x1="10" y1="12" x2="14" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">archive</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-back-up" title="arrow-back-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 13l-4 -4l4 -4m-4 4h11a4 4 0 0 1 0 8h-1" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-back-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-back" title="arrow-back">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-back</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-bar-down" title="arrow-bar-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="20" x2="12" y2="10" /><line x1="12" y1="20" x2="16" y2="16" /><line x1="12" y1="20" x2="8" y2="16" /><line x1="4" y1="4" x2="20" y2="4" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-bar-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-bar-left" title="arrow-bar-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="14" y2="12" /><line x1="4" y1="12" x2="8" y2="16" /><line x1="4" y1="12" x2="8" y2="8" /><line x1="20" y1="4" x2="20" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-bar-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-bar-right" title="arrow-bar-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="12" x2="10" y2="12" /><line x1="20" y1="12" x2="16" y2="16" /><line x1="20" y1="12" x2="16" y2="8" /><line x1="4" y1="4" x2="4" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-bar-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-bar-to-down" title="arrow-bar-to-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="20" /><line x1="12" y1="14" x2="12" y2="4" /><line x1="12" y1="14" x2="16" y2="10" /><line x1="12" y1="14" x2="8" y2="10" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-bar-to-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-bar-to-left" title="arrow-bar-to-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="10" y1="12" x2="20" y2="12" /><line x1="10" y1="12" x2="14" y2="16" /><line x1="10" y1="12" x2="14" y2="8" /><line x1="4" y1="4" x2="4" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-bar-to-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-bar-to-right" title="arrow-bar-to-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="14" y1="12" x2="4" y2="12" /><line x1="14" y1="12" x2="10" y2="16" /><line x1="14" y1="12" x2="10" y2="8" /><line x1="20" y1="4" x2="20" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-bar-to-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-bar-to-up" title="arrow-bar-to-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="10" x2="12" y2="20" /><line x1="12" y1="10" x2="16" y2="14" /><line x1="12" y1="10" x2="8" y2="14" /><line x1="4" y1="4" x2="20" y2="4" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-bar-to-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-bar-up" title="arrow-bar-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="4" x2="16" y2="8" /><line x1="12" y1="4" x2="8" y2="8" /><line x1="4" y1="20" x2="20" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-bar-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-big-down" title="arrow-big-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 4v8h3.586a1 1 0 0 1 .707 1.707l-6.586 6.586a1 1 0 0 1 -1.414 0l-6.586 -6.586a1 1 0 0 1 .707 -1.707h3.586v-8a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1z" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-big-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-big-left" title="arrow-big-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 15h-8v3.586a1 1 0 0 1 -1.707 .707l-6.586 -6.586a1 1 0 0 1 0 -1.414l6.586 -6.586a1 1 0 0 1 1.707 .707v3.586h8a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1z" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-big-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-big-right" title="arrow-big-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 9h8v-3.586a1 1 0 0 1 1.707 -.707l6.586 6.586a1 1 0 0 1 0 1.414l-6.586 6.586a1 1 0 0 1 -1.707 -.707v-3.586h-8a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1z" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-big-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-big-top" title="arrow-big-top">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 20v-8h-3.586a1 1 0 0 1 -.707 -1.707l6.586 -6.586a1 1 0 0 1 1.414 0l6.586 6.586a1 1 0 0 1 -.707 1.707h-3.586v8a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-big-top</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-bottom-bar" title="arrow-bottom-bar">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="21" /><path d="M9 18l3 3l3 -3" /><line x1="9" y1="3" x2="15" y2="3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-bottom-bar</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-bottom-circle" title="arrow-bottom-circle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="7" x2="12" y2="21" /><path d="M9 18l3 3l3 -3" /><circle cx="12" cy="5" r="2" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-bottom-circle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-bottom-square" title="arrow-bottom-square">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="7" x2="12" y2="21" /><path d="M9 18l3 3l3 -3" /><path d="M14 3v4h-4v-4z" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-bottom-square</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-bottom-tail" title="arrow-bottom-tail">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="6" x2="12" y2="21" /><path d="M9 18l3 3l3 -3" /><path d="M9 3l3 3l3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-bottom-tail</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-down-circle" title="arrow-down-circle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="8" y1="12" x2="12" y2="16" /><line x1="12" y1="8" x2="12" y2="16" /><line x1="16" y1="12" x2="12" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-down-circle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-down-left-circle" title="arrow-down-left-circle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="15" y1="9" x2="9" y2="15" /><polyline points="15 15 9 15 9 9" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-down-left-circle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-down-left" title="arrow-down-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="7" x2="7" y2="17" /><polyline points="16 17 7 17 7 8" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-down-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-down-right-circle" title="arrow-down-right-circle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="15" y1="15" x2="9" y2="15" /><polyline points="15 9 15 15 9 9" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-down-right-circle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-down-right" title="arrow-down-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="7" x2="17" y2="17" /><polyline points="17 8 17 17 8 17" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-down-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-down" title="arrow-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="18" y1="13" x2="12" y2="19" /><line x1="6" y1="13" x2="12" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-forward-up" title="arrow-forward-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 13l4 -4l-4 -4m4 4h-11a4 4 0 0 0 0 8h1" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-forward-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-forward" title="arrow-forward">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 11l4 4l-4 4m4 -4h-11a4 4 0 0 1 0 -8h1" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-forward</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-left-bar" title="arrow-left-bar">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="21" y1="12" x2="3" y2="12" /><path d="M6 9l-3 3l3 3" /><line x1="21" y1="9" x2="21" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-left-bar</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-left-circle" title="arrow-left-circle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="12" x2="3" y2="12" /><path d="M6 9l-3 3l3 3" /><circle cx="19" cy="12" r="2" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-left-circle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-left-square" title="arrow-left-square">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="12" x2="3" y2="12" /><path d="M6 9l-3 3l3 3" /><path d="M21 14h-4v-4h4z" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-left-square</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-left-tail" title="arrow-left-tail">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="12" x2="3" y2="12" /><path d="M6 9l-3 3l3 3" /><path d="M21 9l-3 3l3 3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-left-tail</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-left" title="arrow-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="5" y1="12" x2="11" y2="18" /><line x1="5" y1="12" x2="11" y2="6" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-loop-left" title="arrow-loop-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 21v-13a4 4 0 1 1 4 4h-13" /><path d="M7 15l-3 -3l3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-loop-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-loop-right" title="arrow-loop-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 21v-13a4 4 0 1 0 -4 4h13" /><path d="M18 15l3 -3l-3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-loop-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-narrow-down" title="arrow-narrow-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="16" y1="15" x2="12" y2="19" /><line x1="8" y1="15" x2="12" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-narrow-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-narrow-left" title="arrow-narrow-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="5" y1="12" x2="9" y2="16" /><line x1="5" y1="12" x2="9" y2="8" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-narrow-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-narrow-right" title="arrow-narrow-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="15" y1="16" x2="19" y2="12" /><line x1="15" y1="8" x2="19" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-narrow-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-narrow-up" title="arrow-narrow-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="16" y1="9" x2="12" y2="5" /><line x1="8" y1="9" x2="12" y2="5" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-narrow-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-ramp-left" title="arrow-ramp-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="3" x2="17" y2="11.707" /><path d="M13 7l4 -4l4 4" /><path d="M7 14l-4 -4l4 -4" /><path d="M17 21a11 11 0 0 0 -11 -11h-3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-ramp-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-ramp-right" title="arrow-ramp-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="3" x2="7" y2="11.707" /><path d="M11 7l-4 -4l-4 4" /><path d="M17 14l4 -4l-4 -4" /><path d="M7 21a11 11 0 0 1 11 -11h3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-ramp-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-right-bar" title="arrow-right-bar">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l3 -3l-3 -3" /><line x1="3" y1="12" x2="21" y2="12" /><line x1="3" y1="9" x2="3" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-right-bar</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-right-circle" title="arrow-right-circle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l3 -3l-3 -3" /><circle cx="5" cy="12" r="2" /><line x1="7" y1="12" x2="21" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-right-circle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-right-square" title="arrow-right-square">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="12" x2="21" y2="12" /><path d="M18 15l3 -3l-3 -3" /><path d="M3 10h4v4h-4z" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-right-square</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-right-tail" title="arrow-right-tail">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l3 -3l-3 -3" /><path d="M3 15l3 -3l-3 -3" /><line x1="6" y1="12" x2="21" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-right-tail</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-right" title="arrow-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-top-bar" title="arrow-top-bar">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="21" x2="12" y2="3" /><path d="M15 6l-3 -3l-3 3" /><line x1="9" y1="21" x2="15" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-top-bar</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-top-circle" title="arrow-top-circle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="17" x2="12" y2="3" /><path d="M15 6l-3 -3l-3 3" /><circle cx="12" cy="19" r="2" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-top-circle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-top-square" title="arrow-top-square">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="17" x2="12" y2="3" /><path d="M15 6l-3 -3l-3 3" /><path d="M10 21v-4h4v4z" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-top-square</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-top-tail" title="arrow-top-tail">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12" y2="3" /><path d="M15 6l-3 -3l-3 3" /><path d="M15 21l-3 -3l-3 3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-top-tail</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-up-circle" title="arrow-up-circle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="8" y2="12" /><line x1="12" y1="8" x2="12" y2="16" /><line x1="16" y1="12" x2="12" y2="8" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-up-circle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-up-left-circle" title="arrow-up-left-circle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="15" y2="15" /><polyline points="15 9 9 9 9 15" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-up-left-circle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-up-left" title="arrow-up-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="7" x2="17" y2="17" /><polyline points="16 7 7 7 7 16" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-up-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-up-right-circle" title="arrow-up-right-circle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="15" y1="9" x2="9" y2="15" /><polyline points="15 15 15 9 9 9" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-up-right-circle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-up-right" title="arrow-up-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="7" x2="7" y2="17" /><polyline points="8 7 17 7 17 16" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-up-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-up" title="arrow-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="18" y1="11" x2="12" y2="5" /><line x1="6" y1="11" x2="12" y2="5" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-wave-left-down" title="arrow-wave-left-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 13.998h-4v-4" /><path d="M21 11.998c-.887 1.284 -2.48 2.033 -4 2c-1.52 .033 -3.113 -.716 -4 -2s-2.48 -2.033 -4 -2c-1.52 -.033 -3 1 -4 2l-2 2" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-wave-left-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-wave-left-up" title="arrow-wave-left-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 9.996h-4v4" /><path d="M21 11.996c-.887 -1.285 -2.48 -2.033 -4 -2c-1.52 -.033 -3.113 .715 -4 2c-.887 1.284 -2.48 2.033 -4 2c-1.52 .033 -3 -1 -4 -2l-2 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-wave-left-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-wave-right-down" title="arrow-wave-right-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 13.998h4v-4" /><path d="M3 11.998c.887 1.284 2.48 2.033 4 2c1.52 .033 3.113 -.716 4 -2s2.48 -2.033 4 -2c1.52 -.033 3 1 4 2l2 2" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-wave-right-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrow-wave-right-up" title="arrow-wave-right-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 10h4v4" /><path d="M3 12c.887 -1.284 2.48 -2.033 4 -2c1.52 -.033 3.113 .716 4 2s2.48 2.033 4 2c1.52 .033 3 -1 4 -2l2 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">arrow-wave-right-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-diagonal-2" title="arrows-diagonal-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 20 20 20 20 16" /><line x1="14" y1="14" x2="20" y2="20" /><polyline points="8 4 4 4 4 8" /><line x1="4" y1="4" x2="10" y2="10" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-diagonal-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-diagonal" title="arrows-diagonal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 4 20 4 20 8" /><line x1="14" y1="10" x2="20" y2="4" /><polyline points="8 20 4 20 4 16" /><line x1="4" y1="20" x2="10" y2="14" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-diagonal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-double-ne-sw" title="arrows-double-ne-sw">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 14l11 -11" /><path d="M10 3h4v4" /><path d="M10 17v4h4" /><path d="M21 10l-11 11" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-double-ne-sw</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-double-nw-se" title="arrows-double-nw-se">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 21l-11 -11" /><path d="M3 14v-4h4" /><path d="M17 14h4v-4" /><line x1="10" y1="3" x2="21" y2="14" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-double-nw-se</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-double-se-nw" title="arrows-double-se-nw">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="10" x2="14" y2="21" /><path d="M14 17v4h-4" /><path d="M14 3h-4v4" /><path d="M21 14l-11 -11" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-double-se-nw</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-double-sw-ne" title="arrows-double-sw-ne">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3l-11 11" /><path d="M3 10v4h4" /><path d="M17 10h4v4" /><path d="M10 21l11 -11" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-double-sw-ne</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-down-up" title="arrows-down-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="3" x2="17" y2="21" /><path d="M10 18l-3 3l-3 -3" /><line x1="7" y1="21" x2="7" y2="3" /><path d="M20 6l-3 -3l-3 3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-down-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-down" title="arrows-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="21" x2="7" y2="3" /><path d="M20 18l-3 3l-3 -3" /><path d="M4 18l3 3l3 -3" /><line x1="17" y1="21" x2="17" y2="3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-horizontal" title="arrows-horizontal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 3 12 7 16" /><polyline points="17 8 21 12 17 16" /><line x1="3" y1="12" x2="21" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-horizontal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-join-2" title="arrows-join-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7h1.948c1.913 0 3.705 .933 4.802 2.5a5.861 5.861 0 0 0 4.802 2.5h6.448" /><path d="M3 17h1.95a5.854 5.854 0 0 0 4.798 -2.5a5.854 5.854 0 0 1 4.798 -2.5h5.454" /><path d="M18 15l3 -3l-3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-join-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-join" title="arrows-join">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7h5l3.5 5h9.5" /><path d="M3 17h5l3.495 -5" /><path d="M18 15l3 -3l-3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-join</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-left-right" title="arrows-left-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="21" y1="17" x2="3" y2="17" /><path d="M6 10l-3 -3l3 -3" /><line x1="3" y1="7" x2="21" y2="7" /><path d="M18 20l3 -3l-3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-left-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-left" title="arrows-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="7" x2="21" y2="7" /><path d="M6 20l-3 -3l3 -3" /><path d="M6 4l-3 3l3 3" /><line x1="3" y1="17" x2="21" y2="17" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-maximize" title="arrows-maximize">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 4 20 4 20 8" /><line x1="14" y1="10" x2="20" y2="4" /><polyline points="8 20 4 20 4 16" /><line x1="4" y1="20" x2="10" y2="14" /><polyline points="16 20 20 20 20 16" /><line x1="14" y1="14" x2="20" y2="20" /><polyline points="8 4 4 4 4 8" /><line x1="4" y1="4" x2="10" y2="10" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-maximize</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-minimize" title="arrows-minimize">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 9 9 9 9 5" /><line x1="3" y1="3" x2="9" y2="9" /><polyline points="5 15 9 15 9 19" /><line x1="3" y1="21" x2="9" y2="15" /><polyline points="19 9 15 9 15 5" /><line x1="15" y1="9" x2="21" y2="3" /><polyline points="19 15 15 15 15 19" /><line x1="15" y1="15" x2="21" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-minimize</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-right-left" title="arrows-right-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="21" y1="7" x2="3" y2="7" /><path d="M18 10l3 -3l-3 -3" /><path d="M6 20l-3 -3l3 -3" /><line x1="3" y1="17" x2="21" y2="17" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-right-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-right" title="arrows-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="21" y1="17" x2="3" y2="17" /><path d="M18 4l3 3l-3 3" /><path d="M18 20l3 -3l-3 -3" /><line x1="21" y1="7" x2="3" y2="7" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-sort" title="arrows-sort">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 9l4 -4l4 4m-4 -4v14" /><path d="M21 15l-4 4l-4 -4m4 4v-14" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-sort</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-split-2" title="arrows-split-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 17h-5.397a5 5 0 0 1 -4.096 -2.133l-.514 -.734a5 5 0 0 0 -4.096 -2.133h-3.897" /><path d="M21 7h-5.395a5 5 0 0 0 -4.098 2.135l-.51 .73a5 5 0 0 1 -4.097 2.135h-3.9" /><path d="M18 10l3 -3l-3 -3" /><path d="M18 20l3 -3l-3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-split-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-split" title="arrows-split">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 17h-8l-3.5 -5h-6.5" /><path d="M21 7h-8l-3.495 5" /><path d="M18 10l3 -3l-3 -3" /><path d="M18 20l3 -3l-3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-split</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-up-down" title="arrows-up-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="3" x2="7" y2="21" /><path d="M10 6l-3 -3l-3 3" /><path d="M20 18l-3 3l-3 -3" /><line x1="17" y1="21" x2="17" y2="3" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-up-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-up" title="arrows-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="3" x2="17" y2="21" /><path d="M4 6l3 -3l3 3" /><path d="M20 6l-3 -3l-3 3" /><line x1="7" y1="3" x2="7" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="arrows-vertical" title="arrows-vertical">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 7 12 3 16 7" /><polyline points="8 17 12 21 16 17" /><line x1="12" y1="3" x2="12" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">arrows-vertical</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="artboard" title="artboard">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="8" width="8" height="8" rx="1" /><line x1="3" y1="8" x2="4" y2="8" /><line x1="3" y1="16" x2="4" y2="16" /><line x1="8" y1="3" x2="8" y2="4" /><line x1="16" y1="3" x2="16" y2="4" /><line x1="20" y1="8" x2="21" y2="8" /><line x1="20" y1="16" x2="21" y2="16" /><line x1="8" y1="20" x2="8" y2="21" /><line x1="16" y1="20" x2="16" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">artboard</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="aspect-ratio" title="aspect-ratio">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 12v-3h3" /><path d="M17 12v3h-3" /></svg>
                            <div class="mt-1 text-muted text-h5">aspect-ratio</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="at" title="at">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><path d="M16 12v1.5a2.5 2.5 0 0 0 5 0v-1.5a9 9 0 1 0 -5.5 8.28" /></svg>
                            <div class="mt-1 text-muted text-h5">at</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="atom-2" title="atom-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="21" x2="12" y2="21.01" /><line x1="3" y1="9" x2="3" y2="9.01" /><line x1="21" y1="9" x2="21" y2="9.01" /><path d="M8 20.1a9 9 0 0 1 -5 -7.1" /><path d="M16 20.1a9 9 0 0 0 5 -7.1" /><path d="M6.2 5a9 9 0 0 1 11.4 0" /></svg>
                            <div class="mt-1 text-muted text-h5">atom-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="atom" title="atom">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M12 2a4 10 0 0 0 -4 10a4 10 0 0 0 4 10a4 10 0 0 0 4 -10a4 10 0 0 0 -4 -10" transform="rotate(45 12 12)" /><path d="M12 2a4 10 0 0 0 -4 10a4 10 0 0 0 4 10a4 10 0 0 0 4 -10a4 10 0 0 0 -4 -10" transform="rotate(-45 12 12)" /></svg>
                            <div class="mt-1 text-muted text-h5">atom</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="award" title="award">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="9" r="6" /><polyline points="9 14.2 9 21 12 19 15 21 15 14.2" transform="rotate(-30 12 9)" /><polyline points="9 14.2 9 21 12 19 15 21 15 14.2" transform="rotate(30 12 9)" /></svg>
                            <div class="mt-1 text-muted text-h5">award</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="backhoe" title="backhoe">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="4" cy="17" r="2" /><circle cx="13" cy="17" r="2" /><line x1="13" y1="19" x2="4" y2="19" /><line x1="4" y1="15" x2="13" y2="15" /><path d="M8 12v-5h2a3 3 0 0 1 3 3v5" /><path d="M5 15v-2a1 1 0 0 1 1 -1h7" /><path d="M21.12 9.88l-3.12 -4.88l-5 5" /><path d="M21.12 9.88a3 3 0 0 1 -2.12 5.12a3 3 0 0 1 -2.12 -.88l4.24 -4.24z" /></svg>
                            <div class="mt-1 text-muted text-h5">backhoe</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="backspace" title="backspace">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 6a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-11l-5 -5a1.5 1.5 0 0 1 0 -2l5 -5z" /><path d="M12 10l4 4m0 -4l-4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">backspace</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="ball-basketball" title="ball-basketball">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="5.65" y1="5.65" x2="18.35" y2="18.35" /><line x1="5.65" y1="18.35" x2="18.35" y2="5.65" /><path d="M12 3a9 9 0 0 0 9 9" /><path d="M3 12a9 9 0 0 1 9 9" /></svg>
                            <div class="mt-1 text-muted text-h5">ball-basketball</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="ball-bowling" title="ball-bowling">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="11" y1="9" x2="11" y2="9.01" /><line x1="15" y1="8" x2="15" y2="8.01" /><line x1="14" y1="12" x2="14" y2="12.01" /></svg>
                            <div class="mt-1 text-muted text-h5">ball-bowling</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="ball-tennis" title="ball-tennis">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M6 5.3a9 9 0 0 1 0 13.4" /><path d="M18 5.3a9 9 0 0 0 0 13.4" /></svg>
                            <div class="mt-1 text-muted text-h5">ball-tennis</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="ball-volleyball" title="ball-volleyball">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 12a8 8 0 0 0 8 4m-12.5 -2.5a12 12 0 0 0 8.5 6.5" /><path d="M12 12a8 8 0 0 0 8 4m-12.5 -2.5a12 12 0 0 0 8.5 6.5" transform="rotate(120 12 12)" /><path d="M12 12a8 8 0 0 0 8 4m-12.5 -2.5a12 12 0 0 0 8.5 6.5" transform="rotate(240 12 12)" /></svg>
                            <div class="mt-1 text-muted text-h5">ball-volleyball</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="ban" title="ban">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="5.7" y1="5.7" x2="18.3" y2="18.3" /></svg>
                            <div class="mt-1 text-muted text-h5">ban</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bandage" title="bandage">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="14" y1="12" x2="14" y2="12.01" /><line x1="10" y1="12" x2="10" y2="12.01" /><line x1="12" y1="10" x2="12" y2="10.01" /><line x1="12" y1="14" x2="12" y2="14.01" /><path d="M4.5 12.5l8 -8a4.94 4.94 0 0 1 7 7l-8 8a4.94 4.94 0 0 1 -7 -7" /></svg>
                            <div class="mt-1 text-muted text-h5">bandage</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="barcode" title="barcode">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7v-1a2 2 0 0 1 2 -2h2" /><path d="M4 17v1a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v1" /><path d="M16 20h2a2 2 0 0 0 2 -2v-1" /><rect x="5" y="11" width="1" height="2" /><line x1="10" y1="11" x2="10" y2="13" /><rect x="14" y="11" width="1" height="2" /><line x1="19" y1="11" x2="19" y2="13" /></svg>
                            <div class="mt-1 text-muted text-h5">barcode</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="basket" title="basket">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 10 12 4 17 10" /><path d="M21 10l-2 8a2 2.5 0 0 1 -2 2h-10a2 2.5 0 0 1 -2 -2l-2 -8z" /><circle cx="12" cy="15" r="2" /></svg>
                            <div class="mt-1 text-muted text-h5">basket</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="battery-1" title="battery-1">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /></svg>
                            <div class="mt-1 text-muted text-h5">battery-1</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="battery-2" title="battery-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /><line x1="10" y1="10" x2="10" y2="14" /></svg>
                            <div class="mt-1 text-muted text-h5">battery-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="battery-3" title="battery-3">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /><line x1="10" y1="10" x2="10" y2="14" /><line x1="13" y1="10" x2="13" y2="14" /></svg>
                            <div class="mt-1 text-muted text-h5">battery-3</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="battery-4" title="battery-4">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /><line x1="10" y1="10" x2="10" y2="14" /><line x1="13" y1="10" x2="13" y2="14" /><line x1="16" y1="10" x2="16" y2="14" /></svg>
                            <div class="mt-1 text-muted text-h5">battery-4</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="battery-charging" title="battery-charging">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 7h1a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-2" /><path d="M8 7h-2a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h1" /><path d="M12 8l-2 4h3l-2 4" /></svg>
                            <div class="mt-1 text-muted text-h5">battery-charging</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="battery-off" title="battery-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M11 7h6a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5m-2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h1" /></svg>
                            <div class="mt-1 text-muted text-h5">battery-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="battery" title="battery">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">battery</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bed" title="bed">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v11m0 -4h18m0 4v-8a2 2 0 0 0 -2 -2h-8v6" /><circle cx="7" cy="10" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">bed</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bell-minus" title="bell-minus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /><line x1="10" y1="11" x2="14" y2="11" /></svg>
                            <div class="mt-1 text-muted text-h5">bell-minus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bell-off" title="bell-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 17h-13a4 4 0 0 0 2 -3v-3a7 7 0 0 1 1.279 -3.716m2.072 -1.934c.209 -.127 .425 -.244 .649 -.35a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                            <div class="mt-1 text-muted text-h5">bell-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bell-plus" title="bell-plus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /><line x1="10" y1="11" x2="14" y2="11" /><line x1="12" y1="9" x2="12" y2="13" /></svg>
                            <div class="mt-1 text-muted text-h5">bell-plus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bell-ringing-2" title="bell-ringing-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.364 4.636a2 2 0 0 1 0 2.828a7 7 0 0 1 -1.414 7.072l-2.122 2.12a4 4 0 0 0 -.707 3.536l-11.313 -11.312a4 4 0 0 0 3.535 -.707l2.121 -2.123a7 7 0 0 1 7.072 -1.414a2 2 0 0 1 2.828 0z" /><path d="M7.343 12.414l-.707 .707a3 3 0 0 0 4.243 4.243l.707 -.707" /></svg>
                            <div class="mt-1 text-muted text-h5">bell-ringing-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bell-ringing" title="bell-ringing">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /><path d="M21 6.727a11.05 11.05 0 0 0 -2.794 -3.727" /><path d="M3 6.727a11.05 11.05 0 0 1 2.792 -3.727" /></svg>
                            <div class="mt-1 text-muted text-h5">bell-ringing</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bell-x" title="bell-x">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /><path d="M10.5 9.5l3 3m0 -3l-3 3" /></svg>
                            <div class="mt-1 text-muted text-h5">bell-x</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bell" title="bell">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                            <div class="mt-1 text-muted text-h5">bell</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bike" title="bike">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="18" r="3" /><circle cx="19" cy="18" r="3" /><polyline points="12 19 12 15 9 12 14 8 16 11 19 11" /><circle cx="17" cy="5" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">bike</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="biohazard" title="biohazard">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M11.939 14c0 .173 .048 .351 .056 .533l0 .217a4.75 4.75 0 0 1 -4.533 4.745l-.217 0m-4.75 -4.75a4.75 4.75 0 0 1 7.737 -3.693m6.513 8.443a4.75 4.75 0 0 1 -4.69 -5.503l-.06 0m1.764 -2.944a4.75 4.75 0 0 1 7.731 3.477l0 .217m-11.195 -3.813a4.75 4.75 0 0 1 -1.828 -7.624l.164 -.172m6.718 0a4.75 4.75 0 0 1 -1.665 7.798" /></svg>
                            <div class="mt-1 text-muted text-h5">biohazard</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bluetooth-connected" title="bluetooth-connected">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 17 16 12 20 12 4 17 8 7 16" /><line x1="4" y1="12" x2="5" y2="12" /><line x1="18" y1="12" x2="19" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">bluetooth-connected</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bluetooth-off" title="bluetooth-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M16.438 16.45l-4.438 3.55v-8m0 -4v-4l5 4l-2.776 2.22m-2.222 1.779l-5 4" /></svg>
                            <div class="mt-1 text-muted text-h5">bluetooth-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bluetooth" title="bluetooth">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 17 16 12 20 12 4 17 8 7 16" /></svg>
                            <div class="mt-1 text-muted text-h5">bluetooth</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bold" title="bold">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 5h6a3.5 3.5 0 0 1 0 7h-6z" /><path d="M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7" /></svg>
                            <div class="mt-1 text-muted text-h5">bold</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bolt-off" title="bolt-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M15.212 15.21l-4.212 5.79v-7h-6l3.79 -5.21m1.685 -2.32l2.525 -3.47v6m1 1h5l-2.104 2.893" /></svg>
                            <div class="mt-1 text-muted text-h5">bolt-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bolt" title="bolt">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="13 3 13 10 19 10 11 21 11 14 5 14 13 3" /></svg>
                            <div class="mt-1 text-muted text-h5">bolt</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bone" title="bone">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 3a3 3 0 0 1 3 3a3 3 0 1 1 -2.12 5.122l-4.758 4.758a3 3 0 1 1 -5.117 2.297l-.005 -.177l-.176 -.005a3 3 0 1 1 2.298 -5.115l4.758 -4.758a3 3 0 0 1 2.12 -5.122z" /></svg>
                            <div class="mt-1 text-muted text-h5">bone</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="book" title="book">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /><path d="M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /><line x1="3" y1="6" x2="3" y2="19" /><line x1="12" y1="6" x2="12" y2="19" /><line x1="21" y1="6" x2="21" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">book</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bookmark-off" title="bookmark-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 17v3l-5 -3l-5 3v-13m1.178 -2.818c.252 -.113 .53 -.176 .822 -.176h6a2 2 0 0 1 2 2v7" /></svg>
                            <div class="mt-1 text-muted text-h5">bookmark-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bookmark" title="bookmark">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4h6a2 2 0 0 1 2 2v14l-5 -3l-5 3v-14a2 2 0 0 1 2 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">bookmark</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bookmarks" title="bookmarks">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 7a2 2 0 0 1 2 2v12l-5 -3l-5 3v-12a2 2 0 0 1 2 -2h6z" /><path d="M9.265 4a2 2 0 0 1 1.735 -1h6a2 2 0 0 1 2 2v12l-1 -.6" /></svg>
                            <div class="mt-1 text-muted text-h5">bookmarks</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="border-all" title="border-all">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">border-all</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="border-bottom" title="border-bottom">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="20" x2="4" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /></svg>
                            <div class="mt-1 text-muted text-h5">border-bottom</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="border-horizontal" title="border-horizontal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="20" y2="12" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
                            <div class="mt-1 text-muted text-h5">border-horizontal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="border-inner" title="border-inner">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
                            <div class="mt-1 text-muted text-h5">border-inner</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="border-left" title="border-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="4" y2="4" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
                            <div class="mt-1 text-muted text-h5">border-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="border-none" title="border-none">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
                            <div class="mt-1 text-muted text-h5">border-none</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="border-outer" title="border-outer">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="12" y1="16" x2="12" y2="16.01" /></svg>
                            <div class="mt-1 text-muted text-h5">border-outer</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="border-radius" title="border-radius">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12v-4a4 4 0 0 1 4 -4h4" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
                            <div class="mt-1 text-muted text-h5">border-radius</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="border-right" title="border-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="4" x2="20" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /></svg>
                            <div class="mt-1 text-muted text-h5">border-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="border-top" title="border-top">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="20" y2="4" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
                            <div class="mt-1 text-muted text-h5">border-top</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="border-vertical" title="border-vertical">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
                            <div class="mt-1 text-muted text-h5">border-vertical</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="box" title="box">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /></svg>
                            <div class="mt-1 text-muted text-h5">box</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="braces" title="braces">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4a2 2 0 0 0 -2 2v3a2 3 0 0 1 -2 3a2 3 0 0 1 2 3v3a2 2 0 0 0 2 2" /><path d="M17 4a2 2 0 0 1 2 2v3a2 3 0 0 0 2 3a2 3 0 0 0 -2 3v3a2 2 0 0 1 -2 2" /></svg>
                            <div class="mt-1 text-muted text-h5">braces</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brackets" title="brackets">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 4h-3v16h3" /><path d="M16 4h3v16h-3" /></svg>
                            <div class="mt-1 text-muted text-h5">brackets</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="briefcase" title="briefcase">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="7" width="18" height="13" rx="2" /><path d="M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2" /><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M3 13a20 20 0 0 0 18 0" /></svg>
                            <div class="mt-1 text-muted text-h5">briefcase</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brightness-down" title="brightness-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="5" x2="12" y2="5.01" /><line x1="17" y1="7" x2="17" y2="7.01" /><line x1="19" y1="12" x2="19" y2="12.01" /><line x1="17" y1="17" x2="17" y2="17.01" /><line x1="12" y1="19" x2="12" y2="19.01" /><line x1="7" y1="17" x2="7" y2="17.01" /><line x1="5" y1="12" x2="5" y2="12.01" /><line x1="7" y1="7" x2="7" y2="7.01" /></svg>
                            <div class="mt-1 text-muted text-h5">brightness-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brightness-up" title="brightness-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="5" x2="12" y2="3" /><line x1="17" y1="7" x2="18.4" y2="5.6" /><line x1="19" y1="12" x2="21" y2="12" /><line x1="17" y1="17" x2="18.4" y2="18.4" /><line x1="12" y1="19" x2="12" y2="21" /><line x1="7" y1="17" x2="5.6" y2="18.4" /><line x1="6" y1="12" x2="4" y2="12" /><line x1="7" y1="7" x2="5.6" y2="5.6" /></svg>
                            <div class="mt-1 text-muted text-h5">brightness-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brightness" title="brightness">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="21" /><line x1="12" y1="9" x2="16.65" y2="4.35" /><line x1="12" y1="14.3" x2="19.37" y2="6.93" /><line x1="12" y1="19.6" x2="20.85" y2="10.75" /></svg>
                            <div class="mt-1 text-muted text-h5">brightness</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="browser" title="browser">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="1" /><line x1="4" y1="8" x2="20" y2="8" /><line x1="8" y1="4" x2="8" y2="8" /></svg>
                            <div class="mt-1 text-muted text-h5">browser</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brush" title="brush">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21v-4a4 4 0 1 1 4 4h-4" /><path d="M21 3a16 16 0 0 0 -12.8 10.2" /><path d="M21 3a16 16 0 0 1 -10.2 12.8" /><path d="M10.6 9a9 9 0 0 1 4.4 4.4" /></svg>
                            <div class="mt-1 text-muted text-h5">brush</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bucket" title="bucket">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 9l-2 9a2 2.5 0 0 1 -2 2h-6a2 2.5 0 0 1 -2 -2l-2 -9z" /><path d="M7 9a5 5 0 0 1 10 0" /></svg>
                            <div class="mt-1 text-muted text-h5">bucket</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bug" title="bug">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 9v-1a3 3 0 0 1 6 0v1" /><path d="M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1 -10 0v-3a6 6 0 0 1 1 -3" /><line x1="3" y1="13" x2="7" y2="13" /><line x1="17" y1="13" x2="21" y2="13" /><line x1="12" y1="20" x2="12" y2="14" /><line x1="4" y1="19" x2="7.35" y2="17" /><line x1="20" y1="19" x2="16.65" y2="17" /><line x1="4" y1="7" x2="7.75" y2="9.4" /><line x1="20" y1="7" x2="16.25" y2="9.4" /></svg>
                            <div class="mt-1 text-muted text-h5">bug</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-arch" title="building-arch">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M4 21v-15a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v15" /><path d="M9 21v-8a3 3 0 0 1 6 0v8" /></svg>
                            <div class="mt-1 text-muted text-h5">building-arch</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-bank" title="building-bank">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><line x1="3" y1="10" x2="21" y2="10" /><polyline points="5 6 12 3 19 6" /><line x1="4" y1="10" x2="4" y2="21" /><line x1="20" y1="10" x2="20" y2="21" /><line x1="8" y1="14" x2="8" y2="17" /><line x1="12" y1="14" x2="12" y2="17" /><line x1="16" y1="14" x2="16" y2="17" /></svg>
                            <div class="mt-1 text-muted text-h5">building-bank</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-bridge-2" title="building-bridge-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h12a2 2 0 0 1 2 2v9a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a4 4 0 0 0 -8 0v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-9a2 2 0 0 1 2 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">building-bridge-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-bridge" title="building-bridge">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="5" x2="6" y2="19" /><line x1="18" y1="5" x2="18" y2="19" /><line x1="2" y1="15" x2="22" y2="15" /><path d="M3 8a7.5 7.5 0 0 0 3 -2a6.5 6.5 0 0 0 12 0a7.5 7.5 0 0 0 3 2" /><line x1="12" y1="10" x2="12" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">building-bridge</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-carousel" title="building-carousel">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="6" /><circle cx="5" cy="8" r="2" /><circle cx="12" cy="4" r="2" /><circle cx="19" cy="8" r="2" /><circle cx="5" cy="16" r="2" /><circle cx="19" cy="16" r="2" /><path d="M8 22l4 -10l4 10" /></svg>
                            <div class="mt-1 text-muted text-h5">building-carousel</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-castle" title="building-castle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 19v-2a3 3 0 0 0 -6 0v2a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1v-14h4v3h3v-3h4v3h3v-3h4v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><line x1="3" y1="11" x2="21" y2="11" /></svg>
                            <div class="mt-1 text-muted text-h5">building-castle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-church" title="building-church">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M10 21v-4a2 2 0 0 1 4 0v4" /><line x1="10" y1="5" x2="14" y2="5" /><line x1="12" y1="3" x2="12" y2="8" /><path d="M6 21v-7m-2 2l8 -8l8 8m-2 -2v7" /></svg>
                            <div class="mt-1 text-muted text-h5">building-church</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-community" title="building-community">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l5 5v7h-5v-4m0 4h-5v-7l5 -5m1 1v-6a1 1 0 0 1 1 -1h10a1 1 0 0 1 1 1v17h-8" /><line x1="13" y1="7" x2="13" y2="7.01" /><line x1="17" y1="7" x2="17" y2="7.01" /><line x1="17" y1="11" x2="17" y2="11.01" /><line x1="17" y1="15" x2="17" y2="15.01" /></svg>
                            <div class="mt-1 text-muted text-h5">building-community</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-fortress" title="building-fortress">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 21h1a1 1 0 0 0 1 -1v-1h0a3 3 0 0 1 6 0m3 2h1a1 1 0 0 0 1 -1v-15l-3 -2l-3 2v6h-4v-6l-3 -2l-3 2v15a1 1 0 0 0 1 1h2m8 -2v1a1 1 0 0 0 1 1h2" /><path d="M7 7h0v.01" /><path d="M7 10h0v.01" /><path d="M7 13h0v.01" /><path d="M17 7h0v.01" /><path d="M17 10h0v.01" /><path d="M17 13h0v.01" /></svg>
                            <div class="mt-1 text-muted text-h5">building-fortress</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-hospital" title="building-hospital">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16" /><path d="M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4" /><line x1="10" y1="9" x2="14" y2="9" /><line x1="12" y1="7" x2="12" y2="11" /></svg>
                            <div class="mt-1 text-muted text-h5">building-hospital</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-lighthouse" title="building-lighthouse">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l2 3l2 15h-8l2 -15z" /><line x1="8" y1="9" x2="16" y2="9" /><path d="M3 11l2 -2l-2 -2" /><path d="M21 11l-2 -2l2 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">building-lighthouse</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-monument" title="building-monument">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 18l2 -13l2 -2l2 2l2 13" /><path d="M5 21v-3h14v3" /><line x1="3" y1="21" x2="21" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">building-monument</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-pavilon" title="building-pavilon">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21h7v-3a2 2 0 0 1 4 0v3h7" /><line x1="6" y1="21" x2="6" y2="12" /><line x1="18" y1="21" x2="18" y2="12" /><path d="M6 12h12a3 3 0 0 0 3 -3a9 8 0 0 1 -9 -6a9 8 0 0 1 -9 6a3 3 0 0 0 3 3" /></svg>
                            <div class="mt-1 text-muted text-h5">building-pavilon</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-skyscraper" title="building-skyscraper">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M5 21v-14l8 -4v18" /><path d="M19 21v-10l-6 -4" /><line x1="9" y1="9" x2="9" y2="9.01" /><line x1="9" y1="12" x2="9" y2="12.01" /><line x1="9" y1="15" x2="9" y2="15.01" /><line x1="9" y1="18" x2="9" y2="18.01" /></svg>
                            <div class="mt-1 text-muted text-h5">building-skyscraper</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-store" title="building-store">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M3 7v1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1h-18l2 -4h14l2 4" /><line x1="5" y1="21" x2="5" y2="10.85" /><line x1="19" y1="21" x2="19" y2="10.85" /><path d="M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4" /></svg>
                            <div class="mt-1 text-muted text-h5">building-store</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building-warehouse" title="building-warehouse">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21v-13l9 -4l9 4v13" /><path d="M13 13h4v8h-10v-6h6" /><path d="M13 21v-9a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v3" /></svg>
                            <div class="mt-1 text-muted text-h5">building-warehouse</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="building" title="building">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><line x1="9" y1="8" x2="10" y2="8" /><line x1="9" y1="12" x2="10" y2="12" /><line x1="9" y1="16" x2="10" y2="16" /><line x1="14" y1="8" x2="15" y2="8" /><line x1="14" y1="12" x2="15" y2="12" /><line x1="14" y1="16" x2="15" y2="16" /><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16" /></svg>
                            <div class="mt-1 text-muted text-h5">building</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bulb-off" title="bulb-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3" /><line x1="9.7" y1="17" x2="14.3" y2="17" /></svg>
                            <div class="mt-1 text-muted text-h5">bulb-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bulb" title="bulb">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7" /><path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3" /><line x1="9.7" y1="17" x2="14.3" y2="17" /></svg>
                            <div class="mt-1 text-muted text-h5">bulb</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="buldozer" title="buldozer">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="4" cy="17" r="2" /><circle cx="13" cy="17" r="2" /><path d="M18 13v6h3" /><line x1="13" y1="19" x2="4" y2="19" /><line x1="4" y1="15" x2="13" y2="15" /><path d="M8 12v-5h2a3 3 0 0 1 3 3v5" /><path d="M5 15v-2a1 1 0 0 1 1 -1h7" /><line x1="18" y1="17" x2="15" y2="17" /></svg>
                            <div class="mt-1 text-muted text-h5">buldozer</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="bus" title="bus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="17" r="2" /><circle cx="18" cy="17" r="2" /><path d="M4 17h-2v-11a1 1 0 0 1 1 -1h14a5 7 0 0 1 5 7v5h-2m-4 0h-8" /><polyline points="16 5 17.5 12 22 12" /><line x1="2" y1="10" x2="17" y2="10" /><line x1="7" y1="5" x2="7" y2="10" /><line x1="12" y1="5" x2="12" y2="10" /></svg>
                            <div class="mt-1 text-muted text-h5">bus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="calculator" title="calculator">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="3" width="16" height="18" rx="2" /><rect x="8" y="7" width="8" height="3" rx="1" /><line x1="8" y1="14" x2="8" y2="14.01" /><line x1="12" y1="14" x2="12" y2="14.01" /><line x1="16" y1="14" x2="16" y2="14.01" /><line x1="8" y1="17" x2="8" y2="17.01" /><line x1="12" y1="17" x2="12" y2="17.01" /><line x1="16" y1="17" x2="16" y2="17.01" /></svg>
                            <div class="mt-1 text-muted text-h5">calculator</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="calendar-event" title="calendar-event">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><rect x="8" y="15" width="2" height="2" /></svg>
                            <div class="mt-1 text-muted text-h5">calendar-event</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="calendar-minus" title="calendar-minus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="10" y1="16" x2="14" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">calendar-minus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="calendar-plus" title="calendar-plus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="10" y1="16" x2="14" y2="16" /><line x1="12" y1="14" x2="12" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">calendar-plus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="calendar" title="calendar">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">calendar</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="camera-minus" title="camera-minus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="3" /><path d="M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h3m9 6v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><line x1="15" y1="6" x2="21" y2="6" /></svg>
                            <div class="mt-1 text-muted text-h5">camera-minus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="camera-off" title="camera-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.29 4.296a1 1 0 0 1 .71 -.296h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v8m-1.179 2.824c-.25 .113 -.528 .176 -.821 .176h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2h1c.292 0 .568 -.062 .818 -.175" /><path d="M10.436 10.44a3 3 0 1 0 4.126 4.122" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">camera-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="camera-plus" title="camera-plus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="3" /><path d="M5 7h2a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h2m9 7v7a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><line x1="15" y1="6" x2="21" y2="6" /><line x1="18" y1="3" x2="18" y2="9" /></svg>
                            <div class="mt-1 text-muted text-h5">camera-plus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="camera" title="camera">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><circle cx="12" cy="13" r="3" /></svg>
                            <div class="mt-1 text-muted text-h5">camera</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="capture" title="capture">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><circle cx="12" cy="12" r="3" /></svg>
                            <div class="mt-1 text-muted text-h5">capture</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="car" title="car">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-6l2 -5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0h-6m-6 -6h15m-6 0v-5" /></svg>
                            <div class="mt-1 text-muted text-h5">car</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="caravan" title="caravan">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="17" r="2" /><line x1="21" y1="17" x2="13" y2="17" /><path d="M9 17h-5a1 1 0 0 1 -1 -1v-9a2 2 0 0 1 2 -2h10l4 4v8" /><rect x="6" y="8" width="6" height="4" rx="1" /></svg>
                            <div class="mt-1 text-muted text-h5">caravan</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="cardboards" title="cardboards">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v8.5a2.5 2.5 0 0 0 2.5 2.5h1.06a3 3 0 0 0 2.34 -1.13l1.54 -1.92a2 2 0 0 1 3.12 0l1.54 1.92a3 3 0 0 0 2.34 1.13h1.06a2.5 2.5 0 0 0 2.5 -2.5v-8.5a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2z" /><circle cx="8" cy="11" r="1" /><circle cx="16" cy="11" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">cardboards</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="caret-down" title="caret-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6 -6l-6 6h12" transform="rotate(180 12 12)" /></svg>
                            <div class="mt-1 text-muted text-h5">caret-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="caret-left" title="caret-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6 -6l-6 6h12" transform="rotate(270 12 12)" /></svg>
                            <div class="mt-1 text-muted text-h5">caret-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="caret-right" title="caret-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6 -6l-6 6h12" transform="rotate(90 12 12)" /></svg>
                            <div class="mt-1 text-muted text-h5">caret-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="caret-up" title="caret-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6 -6l-6 6h12" /></svg>
                            <div class="mt-1 text-muted text-h5">caret-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="cash" title="cash">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="9" width="14" height="10" rx="2" /><circle cx="14" cy="14" r="2" /><path d="M17 9v-2a2 2 0 0 0 -2 -2h-10a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h2" /></svg>
                            <div class="mt-1 text-muted text-h5">cash</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="cast" title="cast">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="19" x2="3.01" y2="19" /><path d="M7 19a4 4 0 0 0 -4 -4" /><path d="M11 19a8 8 0 0 0 -8 -8" /><path d="M15 19h3a3 3 0 0 0 3 -3v-8a3 3 0 0 0 -3 -3h-12a3 3 0 0 0 -2.8 2" /></svg>
                            <div class="mt-1 text-muted text-h5">cast</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="ce" title="ce">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 4a8 8 0 1 0 0 16" /><path d="M20 4a8 8 0 1 0 0 16" /><line x1="12" y1="12" x2="20" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">ce</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="certificate" title="certificate">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="15" cy="15" r="3" /><path d="M13 17.5v4.5l2 -1.5l2 1.5v-4.5" /><path d="M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -1 1.73" /><line x1="6" y1="9" x2="18" y2="9" /><line x1="6" y1="12" x2="9" y2="12" /><line x1="6" y1="15" x2="8" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">certificate</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chart-area-line" title="chart-area-line">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="4 19 8 13 12 15 16 10 20 14 20 19 4 19" /><polyline points="4 12 7 8 11 10 16 4 20 8" /></svg>
                            <div class="mt-1 text-muted text-h5">chart-area-line</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chart-area" title="chart-area">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="19" x2="20" y2="19" /><polyline points="4 15 8 9 12 11 16 6 20 10 20 15 4 15" /></svg>
                            <div class="mt-1 text-muted text-h5">chart-area</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chart-bar" title="chart-bar">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="12" width="6" height="8" rx="1" /><rect x="9" y="8" width="6" height="12" rx="1" /><rect x="15" y="4" width="6" height="16" rx="1" /><line x1="4" y1="20" x2="18" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">chart-bar</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chart-bubble" title="chart-bubble">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="16" r="3" /><circle cx="16" cy="19" r="2" /><circle cx="14.5" cy="7.5" r="4.5" /></svg>
                            <div class="mt-1 text-muted text-h5">chart-bubble</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chart-candle" title="chart-candle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="6" width="4" height="5" rx="1" /><line x1="6" y1="4" x2="6" y2="6" /><line x1="6" y1="11" x2="6" y2="20" /><rect x="10" y="14" width="4" height="5" rx="1" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="19" x2="12" y2="20" /><rect x="16" y="5" width="4" height="6" rx="1" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="11" x2="18" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">chart-candle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chart-donut" title="chart-donut">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-3.8a4.1 4.1 0 1 1 -5 -5v-4a0.9 .9 0 0 0 -1 -.8" /><path d="M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a9 9 0 0 0 -1 -1v-4.5" /></svg>
                            <div class="mt-1 text-muted text-h5">chart-donut</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chart-line" title="chart-line">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="19" x2="20" y2="19" /><polyline points="4 15 8 9 12 11 16 6 20 10" /></svg>
                            <div class="mt-1 text-muted text-h5">chart-line</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chart-pie" title="chart-pie">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-6.8a2 2 0 0 1 -2 -2v-7a0.9 .9 0 0 0 -1 -.8" /><path d="M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a1 1 0 0 1 -1 -1v-4.5" /></svg>
                            <div class="mt-1 text-muted text-h5">chart-pie</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chart-radar" title="chart-radar">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l9.5 7l-3.5 11h-12l-3.5 -11z" /><path d="M12 7.5l5.5 4l-2.5 5.5h-6.5l-2 -5.5z" /><path d="M2.5 10l9.5 3l9.5 -3" /><path d="M12 3v10l6 8" /><path d="M6 21l6 -8" /></svg>
                            <div class="mt-1 text-muted text-h5">chart-radar</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="check" title="check">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
                            <div class="mt-1 text-muted text-h5">check</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="checkbox" title="checkbox">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
                            <div class="mt-1 text-muted text-h5">checkbox</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="checks" title="checks">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 12l5 5l10 -10" /><path d="M2 12l5 5m5 -5l5 -5" /></svg>
                            <div class="mt-1 text-muted text-h5">checks</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevron-down-left" title="chevron-down-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8v8h8" /></svg>
                            <div class="mt-1 text-muted text-h5">chevron-down-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevron-down-right" title="chevron-down-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 8v8h-8" /></svg>
                            <div class="mt-1 text-muted text-h5">chevron-down-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevron-down" title="chevron-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 9 12 15 18 9" /></svg>
                            <div class="mt-1 text-muted text-h5">chevron-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevron-left" title="chevron-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
                            <div class="mt-1 text-muted text-h5">chevron-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevron-right" title="chevron-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
                            <div class="mt-1 text-muted text-h5">chevron-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevron-up-left" title="chevron-up-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 16v-8h8" /></svg>
                            <div class="mt-1 text-muted text-h5">chevron-up-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevron-up-right" title="chevron-up-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8h8v8" /></svg>
                            <div class="mt-1 text-muted text-h5">chevron-up-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevron-up" title="chevron-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
                            <div class="mt-1 text-muted text-h5">chevron-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevrons-down-left" title="chevrons-down-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 5v8h8" /><path d="M7 9v8h8" /></svg>
                            <div class="mt-1 text-muted text-h5">chevrons-down-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevrons-down-right" title="chevrons-down-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 5v8h-8" /><path d="M17 9v8h-8" /></svg>
                            <div class="mt-1 text-muted text-h5">chevrons-down-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevrons-down" title="chevrons-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 7 12 12 17 7" /><polyline points="7 13 12 18 17 13" /></svg>
                            <div class="mt-1 text-muted text-h5">chevrons-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevrons-left" title="chevrons-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="11 7 6 12 11 17" /><polyline points="17 7 12 12 17 17" /></svg>
                            <div class="mt-1 text-muted text-h5">chevrons-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevrons-right" title="chevrons-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 7 12 12 7 17" /><polyline points="13 7 18 12 13 17" /></svg>
                            <div class="mt-1 text-muted text-h5">chevrons-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevrons-up-left" title="chevrons-up-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 15v-8h8" /><path d="M11 19v-8h8" /></svg>
                            <div class="mt-1 text-muted text-h5">chevrons-up-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevrons-up-right" title="chevrons-up-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h8v8" /><path d="M5 11h8v8" /></svg>
                            <div class="mt-1 text-muted text-h5">chevrons-up-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="chevrons-up" title="chevrons-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 11 12 6 17 11" /><polyline points="7 17 12 12 17 17" /></svg>
                            <div class="mt-1 text-muted text-h5">chevrons-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="christmas-tree" title="christmas-tree">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l4 4l-2 1l4 4l-3 1l4 4h-14l4 -4l-3 -1l4 -4l-2 -1z" /><path d="M14 17v3a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-3" /></svg>
                            <div class="mt-1 text-muted text-h5">christmas-tree</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="circle-check" title="circle-check">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 12l2 2l4 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">circle-check</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="circle-dashed" title="circle-dashed">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.56 3.69a9 9 0 0 0 -2.92 1.95" /><path d="M3.69 8.56a9 9 0 0 0 -.69 3.44" /><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" /><path d="M8.56 20.31a9 9 0 0 0 3.44 .69" /><path d="M15.44 20.31a9 9 0 0 0 2.92 -1.95" /><path d="M20.31 15.44a9 9 0 0 0 .69 -3.44" /><path d="M20.31 8.56a9 9 0 0 0 -1.95 -2.92" /><path d="M15.44 3.69a9 9 0 0 0 -3.44 -.69" /></svg>
                            <div class="mt-1 text-muted text-h5">circle-dashed</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="circle-dotted" title="circle-dotted">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7.5" y1="4.21" x2="7.5" y2="4.22" /><line x1="4.21" y1="7.5" x2="4.21" y2="7.51" /><line x1="3" y1="12" x2="3" y2="12.01" /><line x1="4.21" y1="16.5" x2="4.21" y2="16.51" /><line x1="7.5" y1="19.79" x2="7.5" y2="19.8" /><line x1="12" y1="21" x2="12" y2="21.01" /><line x1="16.5" y1="19.79" x2="16.5" y2="19.8" /><line x1="19.79" y1="16.5" x2="19.79" y2="16.51" /><line x1="21" y1="12" x2="21" y2="12.01" /><line x1="19.79" y1="7.5" x2="19.79" y2="7.51" /><line x1="16.5" y1="4.21" x2="16.5" y2="4.22" /><line x1="12" y1="3" x2="12" y2="3.01" /></svg>
                            <div class="mt-1 text-muted text-h5">circle-dotted</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="circle-minus" title="circle-minus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="12" x2="15" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">circle-minus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="circle-plus" title="circle-plus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">circle-plus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="circle-square" title="circle-square">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9.5" cy="9.5" r="6.5" /><rect x="10" y="10" width="11" height="11" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">circle-square</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="circle-x" title="circle-x">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M10 10l4 4m0 -4l-4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">circle-x</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="circle" title="circle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /></svg>
                            <div class="mt-1 text-muted text-h5">circle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="circles" title="circles">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><circle cx="6.5" cy="17" r="4" /><circle cx="17.5" cy="17" r="4" /></svg>
                            <div class="mt-1 text-muted text-h5">circles</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="clear-formatting" title="clear-formatting">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 15l4 4m0 -4l-4 4" /><path d="M7 6v-1h11v1" /><line x1="7" y1="19" x2="11" y2="19" /><line x1="13" y1="5" x2="9" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">clear-formatting</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="click" title="click">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="12" x2="6" y2="12" /><line x1="12" y1="3" x2="12" y2="6" /><line x1="7.8" y1="7.8" x2="5.6" y2="5.6" /><line x1="16.2" y1="7.8" x2="18.4" y2="5.6" /><line x1="7.8" y1="16.2" x2="5.6" y2="18.4" /><path d="M12 12l9 3l-4 2l-2 4l-3 -9" /></svg>
                            <div class="mt-1 text-muted text-h5">click</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="clipboard-check" title="clipboard-check">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /><path d="M9 14l2 2l4 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">clipboard-check</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="clipboard-list" title="clipboard-list">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /><line x1="9" y1="12" x2="9.01" y2="12" /><line x1="13" y1="12" x2="15" y2="12" /><line x1="9" y1="16" x2="9.01" y2="16" /><line x1="13" y1="16" x2="15" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">clipboard-list</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="clipboard-x" title="clipboard-x">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /><path d="M10 12l4 4m0 -4l-4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">clipboard-x</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="clipboard" title="clipboard">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">clipboard</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="clock" title="clock">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><polyline points="12 7 12 12 15 15" /></svg>
                            <div class="mt-1 text-muted text-h5">clock</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="cloud-download" title="cloud-download">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 18a3.5 3.5 0 0 0 0 -7h-1a5 4.5 0 0 0 -11 -2a4.6 4.4 0 0 0 -2.1 8.4" /><line x1="12" y1="13" x2="12" y2="22" /><polyline points="9 19 12 22 15 19" /></svg>
                            <div class="mt-1 text-muted text-h5">cloud-download</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="cloud-fog" title="cloud-fog">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 16a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-12" /><line x1="5" y1="20" x2="19" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">cloud-fog</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="cloud-off" title="cloud-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M18 18h-11c-2.598 0 -4.705 -2.015 -4.705 -4.5s2.107 -4.5 4.705 -4.5c.112 -.5 .305 -.973 .568 -1.408m2.094 -1.948c.329 -.174 .68 -.319 1.05 -.43c1.9 -.576 3.997 -.194 5.5 1c1.503 1.192 2.185 3.017 1.788 4.786h1a3.5 3.5 0 0 1 2.212 6.212" /></svg>
                            <div class="mt-1 text-muted text-h5">cloud-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="cloud-rain" title="cloud-rain">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7" /><path d="M11 13v2m0 3v2m4 -5v2m0 3v2" /></svg>
                            <div class="mt-1 text-muted text-h5">cloud-rain</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="cloud-snow" title="cloud-snow">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7" /><path d="M11 15v.01m0 3v.01m0 3v.01m4 -4v.01m0 3v.01" /></svg>
                            <div class="mt-1 text-muted text-h5">cloud-snow</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="cloud-storm" title="cloud-storm">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1" /><polyline points="13 14 11 18 14 18 12 22" /></svg>
                            <div class="mt-1 text-muted text-h5">cloud-storm</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="cloud-upload" title="cloud-upload">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1" /><polyline points="9 15 12 12 15 15" /><line x1="12" y1="12" x2="12" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">cloud-upload</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="cloud" title="cloud">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-12" /></svg>
                            <div class="mt-1 text-muted text-h5">cloud</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="code" title="code">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 3 12 7 16" /><polyline points="17 8 21 12 17 16" /><line x1="14" y1="4" x2="10" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">code</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="coin" title="coin">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M14.8 9a2 2 0 0 0 -1.8 -1h-2a2 2 0 0 0 0 4h2a2 2 0 0 1 0 4h-2a2 2 0 0 1 -1.8 -1" /><path d="M12 6v2m0 8v2" /></svg>
                            <div class="mt-1 text-muted text-h5">coin</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="color-picker" title="color-picker">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="11" y1="7" x2="17" y2="13" /><path d="M5 19v-4l9.7 -9.7a1 1 0 0 1 1.4 0l2.6 2.6a1 1 0 0 1 0 1.4l-9.7 9.7h-4" /></svg>
                            <div class="mt-1 text-muted text-h5">color-picker</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="color-swatch" title="color-swatch">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 3h-4a2 2 0 0 0 -2 2v12a4 4 0 0 0 8 0v-12a2 2 0 0 0 -2 -2" /><path d="M13 7.35l-2 -2a2 2 0 0 0 -2.828 0l-2.828 2.828a2 2 0 0 0 0 2.828l9 9" /><path d="M7.3 13h-2.3a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h12" /><line x1="17" y1="17" x2="17" y2="17.01" /></svg>
                            <div class="mt-1 text-muted text-h5">color-swatch</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="columns" title="columns">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="9.5" y2="6" /><line x1="4" y1="10" x2="9.5" y2="10" /><line x1="4" y1="14" x2="9.5" y2="14" /><line x1="4" y1="18" x2="9.5" y2="18" /><line x1="14.5" y1="6" x2="20" y2="6" /><line x1="14.5" y1="10" x2="20" y2="10" /><line x1="14.5" y1="14" x2="20" y2="14" /><line x1="14.5" y1="18" x2="20" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">columns</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="comet" title="comet">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15.5 18.5l-3 1.5l.5 -3.5l-2 -2l3 -.5l1.5 -3l1.5 3l3 .5l-2 2l.5 3.5z" /><line x1="4" y1="4" x2="11" y2="11" /><line x1="9" y1="4" x2="12.5" y2="7.5" /><line x1="4" y1="9" x2="7.5" y2="12.5" /></svg>
                            <div class="mt-1 text-muted text-h5">comet</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="command" title="command">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 9a2 2 0 1 1 2 -2v10a2 2 0 1 1 -2 -2h10a2 2 0 1 1 -2 2v-10a2 2 0 1 1 2 2h-10" /></svg>
                            <div class="mt-1 text-muted text-h5">command</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="compass" title="compass">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 16 10 10 16 8 14 14 8 16" /><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="5" /><line x1="12" y1="19" x2="12" y2="21" /><line x1="3" y1="12" x2="5" y2="12" /><line x1="19" y1="12" x2="21" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">compass</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="contrast" title="contrast">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 17a5 5 0 0 0 0 -10v10" /></svg>
                            <div class="mt-1 text-muted text-h5">contrast</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="copy" title="copy">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="8" width="12" height="12" rx="2" /><path d="M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" /></svg>
                            <div class="mt-1 text-muted text-h5">copy</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="copyleft" title="copyleft">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9.5 9a3.5 4 0 1 1 0 6" /></svg>
                            <div class="mt-1 text-muted text-h5">copyleft</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="copyright" title="copyright">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M14.5 9a3.5 4 0 1 0 0 6" /></svg>
                            <div class="mt-1 text-muted text-h5">copyright</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="corner-down-left" title="corner-down-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6v6a3 3 0 0 1 -3 3h-10l4 -4m0 8l-4 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">corner-down-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="corner-down-right" title="corner-down-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 6v6a3 3 0 0 0 3 3h10l-4 -4m0 8l4 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">corner-down-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="corner-left-down" title="corner-left-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6h-6a3 3 0 0 0 -3 3v10l-4 -4m8 0l-4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">corner-left-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="corner-left-up" title="corner-left-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 18h-6a3 3 0 0 1 -3 -3v-10l-4 4m8 0l-4 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">corner-left-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="corner-right-down" title="corner-right-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 6h6a3 3 0 0 1 3 3v10l-4 -4m8 0l-4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">corner-right-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="corner-right-up" title="corner-right-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 18h6a3 3 0 0 0 3 -3v-10l-4 4m8 0l-4 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">corner-right-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="corner-up-left" title="corner-up-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 18v-6a3 3 0 0 0 -3 -3h-10l4 -4m0 8l-4 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">corner-up-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="corner-up-right" title="corner-up-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 18v-6a3 3 0 0 1 3 -3h10l-4 -4m0 8l4 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">corner-up-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="credit-card-off" title="credit-card-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9 5h9a3 3 0 0 1 3 3v8a3 3 0 0 1 -.128 .87" /><path d="M18.87 18.872a3 3 0 0 1 -.87 .128h-12a3 3 0 0 1 -3 -3v-8c0 -1.352 .894 -2.495 2.124 -2.87" /><line x1="3" y1="11" x2="11" y2="11" /><line x1="15" y1="11" x2="21" y2="11" /><line x1="7" y1="15" x2="7.01" y2="15" /><line x1="11" y1="15" x2="13" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">credit-card-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="credit-card" title="credit-card">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="3" /><line x1="3" y1="10" x2="21" y2="10" /><line x1="7" y1="15" x2="7.01" y2="15" /><line x1="11" y1="15" x2="13" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">credit-card</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="crop" title="crop">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 5v10a1 1 0 0 0 1 1h10" /><path d="M5 8h10a1 1 0 0 1 1 1v10" /></svg>
                            <div class="mt-1 text-muted text-h5">crop</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="crosshair" title="crosshair">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">crosshair</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="crown" title="crown">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 6l4 6l5 -4l-2 10h-14l-2 -10l5 4z" /></svg>
                            <div class="mt-1 text-muted text-h5">crown</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="curly-loop" title="curly-loop">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 8c-4 0 -7 2 -7 5a3 3 0 0 0 6 0c0 -3 -2.5 -5 -8 -5s-8 2 -8 5a3 3 0 0 0 6 0c0 -3 -3 -5 -7 -5" /></svg>
                            <div class="mt-1 text-muted text-h5">curly-loop</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="currency-bitcoin" title="currency-bitcoin">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 6h8a3 3 0 0 1 0 6a3 3 0 0 1 0 6h-8" /><line x1="8" y1="6" x2="8" y2="18" /><line x1="8" y1="12" x2="14" y2="12" /><line x1="9" y1="3" x2="9" y2="6" /><line x1="13" y1="3" x2="13" y2="6" /><line x1="9" y1="18" x2="9" y2="21" /><line x1="13" y1="18" x2="13" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">currency-bitcoin</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="currency-dollar" title="currency-dollar">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
                            <div class="mt-1 text-muted text-h5">currency-dollar</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="currency-euro" title="currency-euro">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.2 7a6 7 0 1 0 0 10" /><path d="M13 10h-8m0 4h8" /></svg>
                            <div class="mt-1 text-muted text-h5">currency-euro</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="currency-pound" title="currency-pound">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 18.5a6 6 0 0 1 -5 0a6 6 0 0 0 -5 .5a3 3 0 0 0 2 -2.5v-7.5a4 4 0 0 1 7.45 -2m-2.55 6h-7" /></svg>
                            <div class="mt-1 text-muted text-h5">currency-pound</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="currency-rupee" title="currency-rupee">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6h-11h3a4 4 0 0 1 0 8h-3l6 6" /><line x1="7" y1="10" x2="18" y2="10" /></svg>
                            <div class="mt-1 text-muted text-h5">currency-rupee</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="currency-yen" title="currency-yen">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 19v-7l-5 -7m10 0l-5 7" /><line x1="8" y1="17" x2="16" y2="17" /><line x1="8" y1="13" x2="16" y2="13" /></svg>
                            <div class="mt-1 text-muted text-h5">currency-yen</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="current-location" title="current-location">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><circle cx="12" cy="12" r="8" /><line x1="12" y1="2" x2="12" y2="4" /><line x1="12" y1="20" x2="12" y2="22" /><line x1="20" y1="12" x2="22" y2="12" /><line x1="2" y1="12" x2="4" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">current-location</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="cut" title="cut">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="3" /><circle cx="17" cy="17" r="3" /><line x1="9.15" y1="14.85" x2="18" y2="4" /><line x1="6" y1="4" x2="14.85" y2="14.85" /></svg>
                            <div class="mt-1 text-muted text-h5">cut</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="dashboard" title="dashboard">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="2" /><line x1="13.45" y1="11.55" x2="15.5" y2="9.5" /><path d="M6.4 20a9 9 0 1 1 11.2 0z" /></svg>
                            <div class="mt-1 text-muted text-h5">dashboard</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="database" title="database">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><ellipse cx="12" cy="6" rx="8" ry="3"></ellipse><path d="M4 6v6a8 3 0 0 0 16 0v-6" /><path d="M4 12v6a8 3 0 0 0 16 0v-6" /></svg>
                            <div class="mt-1 text-muted text-h5">database</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="device-desktop" title="device-desktop">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="12" rx="1" /><line x1="7" y1="20" x2="17" y2="20" /><line x1="9" y1="16" x2="9" y2="20" /><line x1="15" y1="16" x2="15" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">device-desktop</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="device-floppy" title="device-floppy">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2" /><circle cx="12" cy="14" r="2" /><polyline points="14 4 14 8 8 8 8 4" /></svg>
                            <div class="mt-1 text-muted text-h5">device-floppy</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="device-gamepad" title="device-gamepad">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="6" width="20" height="12" rx="2" /><path d="M6 12h4m-2 -2v4" /><line x1="15" y1="11" x2="15" y2="11.01" /><line x1="18" y1="13" x2="18" y2="13.01" /></svg>
                            <div class="mt-1 text-muted text-h5">device-gamepad</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="device-laptop" title="device-laptop">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="19" x2="21" y2="19" /><rect x="5" y="6" width="14" height="10" rx="1" /></svg>
                            <div class="mt-1 text-muted text-h5">device-laptop</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="device-mobile-rotated" title="device-mobile-rotated">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><g transform="rotate(90 12 12)"><rect x="7" y="4" width="10" height="16" rx="1" /><line x1="11" y1="5" x2="13" y2="5" /><line x1="12" y1="17" x2="12" y2="17.01" /></g></svg>
                            <div class="mt-1 text-muted text-h5">device-mobile-rotated</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="device-mobile-vibration" title="device-mobile-vibration">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="10" height="16" rx="1" /><line x1="8" y1="5" x2="10" y2="5" /><line x1="9" y1="17" x2="9" y2="17.01" /><path d="M20 6l-2 3l2 3l-2 3l2 3" /></svg>
                            <div class="mt-1 text-muted text-h5">device-mobile-vibration</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="device-mobile" title="device-mobile">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="4" width="10" height="16" rx="1" /><line x1="11" y1="5" x2="13" y2="5" /><line x1="12" y1="17" x2="12" y2="17.01" /></svg>
                            <div class="mt-1 text-muted text-h5">device-mobile</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="device-speaker" title="device-speaker">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="2" /><circle cx="12" cy="14" r="3" /><line x1="12" y1="7" x2="12" y2="7.01" /></svg>
                            <div class="mt-1 text-muted text-h5">device-speaker</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="device-tablet" title="device-tablet">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="1" /><circle cx="12" cy="17" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">device-tablet</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="device-tv" title="device-tv">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="7" width="18" height="13" rx="2" /><polyline points="16 3 12 7 8 3" /></svg>
                            <div class="mt-1 text-muted text-h5">device-tv</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="device-watch" title="device-watch">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="6" y="6" width="12" height="12" rx="3" /><path d="M9 18v3h6v-3" /><path d="M9 6v-3h6v3" /></svg>
                            <div class="mt-1 text-muted text-h5">device-watch</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="devices-2" title="devices-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 15h-6a1 1 0 0 1 -1 -1v-8a1 1 0 0 1 1 -1h6" /><rect x="13" y="4" width="8" height="16" rx="1" /><line x1="7" y1="19" x2="10" y2="19" /><line x1="17" y1="8" x2="17" y2="8.01" /><circle cx="17" cy="16" r="1" /><line x1="9" y1="15" x2="9" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">devices-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="devices" title="devices">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="13" y="8" width="8" height="12" rx="1" /><path d="M18 8v-3a1 1 0 0 0 -1 -1h-13a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h9" /><line x1="16" y1="9" x2="18" y2="9" /></svg>
                            <div class="mt-1 text-muted text-h5">devices</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="diamond" title="diamond">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 5h12l3 5l-8.5 9.5a0.7 .7 0 0 1 -1 0l-8.5 -9.5l3 -5" /><path d="M10 12l-2 -2.2l.6 -1" /></svg>
                            <div class="mt-1 text-muted text-h5">diamond</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="dice" title="dice">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><circle cx="8.5" cy="8.5" r=".5" fill="currentColor" /><circle cx="15.5" cy="8.5" r=".5" fill="currentColor" /><circle cx="15.5" cy="15.5" r=".5" fill="currentColor" /><circle cx="8.5" cy="15.5" r=".5" fill="currentColor" /></svg>
                            <div class="mt-1 text-muted text-h5">dice</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="direction-horizontal" title="direction-horizontal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 9l-3 3l3 3" /><path d="M14 9l3 3l-3 3" /></svg>
                            <div class="mt-1 text-muted text-h5">direction-horizontal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="direction" title="direction">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 10l3 -3l3 3" /><path d="M9 14l3 3l3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">direction</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="directions" title="directions">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h10l2 2l-2 2h-10a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1" /><path d="M13 13h-7l-2 2l2 2h7a1 1 0 0 0 1 -1v-2a1 1 0 0 0 -1 -1" /><line x1="12" y1="22" x2="12" y2="17" /><line x1="12" y1="13" x2="12" y2="9" /><line x1="12" y1="5" x2="12" y2="3" /></svg>
                            <div class="mt-1 text-muted text-h5">directions</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="disabled-2" title="disabled-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="17" cy="6" r="2" /><path d="M9 11a5 5 0 1 0 3.95 7.95" /><path d="M19 20l-4 -5h-4l3 -5l-4 -3l-4 1" /></svg>
                            <div class="mt-1 text-muted text-h5">disabled-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="disabled" title="disabled">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 1 0 6 7.5" /></svg>
                            <div class="mt-1 text-muted text-h5">disabled</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="disc" title="disc">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="1" /><path d="M7 12a5 5 0 0 1 5 -5" /><path d="M12 17a5 5 0 0 0 5 -5" /></svg>
                            <div class="mt-1 text-muted text-h5">disc</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="discount" title="discount">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="15" x2="15" y2="9" /><circle cx="9.5" cy="9.5" r=".5" fill="currentColor" /><circle cx="14.5" cy="14.5" r=".5" fill="currentColor" /><path d="M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7a2.2 2.2 0 0 0 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1a2.2 2.2 0 0 0 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1" /></svg>
                            <div class="mt-1 text-muted text-h5">discount</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="divide" title="divide">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle fill="currentColor" cx="12" cy="6" r="1" /><circle fill="currentColor" cx="12" cy="18" r="1" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">divide</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="dots-circle-horizontal" title="dots-circle-horizontal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /></svg>
                            <div class="mt-1 text-muted text-h5">dots-circle-horizontal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="dots-diagonal-2" title="dots-diagonal-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="7" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="17" cy="17" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">dots-diagonal-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="dots-diagonal" title="dots-diagonal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="17" cy="7" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">dots-diagonal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="dots-vertical" title="dots-vertical">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="1" /><circle cx="12" cy="19" r="1" /><circle cx="12" cy="5" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">dots-vertical</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="dots" title="dots">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="12" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="19" cy="12" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">dots</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="download" title="download">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" /><polyline points="7 11 12 16 17 11" /><line x1="12" y1="4" x2="12" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">download</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="drag-drop-2" title="drag-drop-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="8" width="12" height="12" rx="2" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /></svg>
                            <div class="mt-1 text-muted text-h5">drag-drop-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="drag-drop" title="drag-drop">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" /><path d="M13 13l9 3l-4 2l-2 4l-3 -9" /><line x1="3" y1="3" x2="3" y2="3.01" /><line x1="7" y1="3" x2="7" y2="3.01" /><line x1="11" y1="3" x2="11" y2="3.01" /><line x1="15" y1="3" x2="15" y2="3.01" /><line x1="3" y1="7" x2="3" y2="7.01" /><line x1="3" y1="11" x2="3" y2="11.01" /><line x1="3" y1="15" x2="3" y2="15.01" /></svg>
                            <div class="mt-1 text-muted text-h5">drag-drop</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="drone" title="drone">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 10h4v4h-4z" /><line x1="10" y1="10" x2="6.5" y2="6.5" /><path d="M9.96 6a3.5 3.5 0 1 0 -3.96 3.96" /><path d="M14 10l3.5 -3.5" /><path d="M18 9.96a3.5 3.5 0 1 0 -3.96 -3.96" /><line x1="14" y1="14" x2="17.5" y2="17.5" /><path d="M14.04 18a3.5 3.5 0 1 0 3.96 -3.96" /><line x1="10" y1="14" x2="6.5" y2="17.5" /><path d="M6 14.04a3.5 3.5 0 1 0 3.96 3.96" /></svg>
                            <div class="mt-1 text-muted text-h5">drone</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="droplet" title="droplet">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l5 5a7 7 0 1 1 -10 0l5 -5" /></svg>
                            <div class="mt-1 text-muted text-h5">droplet</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="ear" title="ear">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 10a7 7 0 1 1 13 3.6a10 10 0 0 1 -2 2a8 8 0 0 0 -2 3a4.5 4.5 0 0 1 -6.8 1.4" /><path d="M10 10a3 3 0 1 1 5 2.2" /></svg>
                            <div class="mt-1 text-muted text-h5">ear</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="edit" title="edit">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
                            <div class="mt-1 text-muted text-h5">edit</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="egg" title="egg">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5.514 14.639c0 3.513 2.904 6.361 6.486 6.361s6.486 -2.848 6.486 -6.361a12.574 12.574 0 0 0 -3.243 -9.012a4.025 4.025 0 0 0 -3.243 -1.627a4.025 4.025 0 0 0 -3.243 1.627a12.574 12.574 0 0 0 -3.243 9.012" /></svg>
                            <div class="mt-1 text-muted text-h5">egg</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="emphasis" title="emphasis">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 5h-8v10h8m-1 -5h-7" /><line x1="6" y1="20" x2="6" y2="20.01" /><line x1="10" y1="20" x2="10" y2="20.01" /><line x1="14" y1="20" x2="14" y2="20.01" /><line x1="18" y1="20" x2="18" y2="20.01" /></svg>
                            <div class="mt-1 text-muted text-h5">emphasis</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="eraser" title="eraser">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 19h-11l-4 -4a1 1 0 0 1 0 -1.41l10 -10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41l-9 9" /><line x1="18" y1="12.3" x2="11.7" y2="6" /></svg>
                            <div class="mt-1 text-muted text-h5">eraser</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="exchange" title="exchange">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="18" r="2" /><circle cx="19" cy="6" r="2" /><path d="M19 8v5a5 5 0 0 1 -5 5h-3l3 -3m0 6l-3 -3" /><path d="M5 16v-5a5 5 0 0 1 5 -5h3l-3 -3m0 6l3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">exchange</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="exposure" title="exposure">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4.6" y1="19.4" x2="19.4" y2="4.6" /><path d="M7 9h4m-2 -2v4" /><line x1="13" y1="16" x2="17" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">exposure</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="external-link" title="external-link">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
                            <div class="mt-1 text-muted text-h5">external-link</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="eye-off" title="eye-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M10.584 10.587a2 2 0 0 0 2.828 2.83" /><path d="M9.363 5.365a9.466 9.466 0 0 1 2.637 -.365c4 0 7.333 2.333 10 7c-.778 1.361 -1.612 2.524 -2.503 3.488m-2.14 1.861c-1.631 1.1 -3.415 1.651 -5.357 1.651c-4 0 -7.333 -2.333 -10 -7c1.369 -2.395 2.913 -4.175 4.632 -5.341" /></svg>
                            <div class="mt-1 text-muted text-h5">eye-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="eye" title="eye">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
                            <div class="mt-1 text-muted text-h5">eye</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="face-id" title="face-id">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /></svg>
                            <div class="mt-1 text-muted text-h5">face-id</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="fall" title="fall">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 21l1 -5l-1 -4l-3 -4h4l3 -3" /><path d="M6 16l-1 -4l3 -4" /><circle cx="6" cy="5" r="1" /><path d="M13.5 12h2.5l4 2" /></svg>
                            <div class="mt-1 text-muted text-h5">fall</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-alert" title="file-alert">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="17" x2="12.01" y2="17" /><line x1="12" y1="11" x2="12" y2="14" /></svg>
                            <div class="mt-1 text-muted text-h5">file-alert</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-analytics" title="file-analytics">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="17" x2="9" y2="12" /><line x1="12" y1="17" x2="12" y2="16" /><line x1="15" y1="17" x2="15" y2="14" /></svg>
                            <div class="mt-1 text-muted text-h5">file-analytics</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-certificate" title="file-certificate">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 8v-3a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-5" /><circle cx="6" cy="14" r="3" /><path d="M4.5 17l-1.5 5l3 -1.5l3 1.5l-1.5 -5" /></svg>
                            <div class="mt-1 text-muted text-h5">file-certificate</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-check" title="file-check">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 15l2 2l4 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">file-check</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-code-2" title="file-code-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12h-1v5h1" /><path d="M14 12h1v5h-1" /><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /></svg>
                            <div class="mt-1 text-muted text-h5">file-code-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-code" title="file-code">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M10 13l-1 2l1 2" /><path d="M14 13l1 2l-1 2" /></svg>
                            <div class="mt-1 text-muted text-h5">file-code</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-diff" title="file-diff">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="10" x2="12" y2="14" /><line x1="10" y1="12" x2="14" y2="12" /><line x1="10" y1="17" x2="14" y2="17" /></svg>
                            <div class="mt-1 text-muted text-h5">file-diff</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-dislike" title="file-dislike">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="14" width="3" height="5" rx="1" /><path d="M6 15a1 1 0 0 1 1 -1h3.756a1 1 0 0 1 .958 .713l1.2 3c.09 .303 .133 .63 -.056 .884c-.188 .254 -.542 .403 -.858 .403h-2v2.467a1.1 1.1 0 0 1 -2.015 .61l-1.985 -3.077v-4z" /><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 11v-6a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-2.5" /></svg>
                            <div class="mt-1 text-muted text-h5">file-dislike</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-download" title="file-download">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="11" x2="12" y2="17" /><polyline points="9 14 12 17 15 14" /></svg>
                            <div class="mt-1 text-muted text-h5">file-download</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-export" title="file-export">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M11.5 21h-4.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v5m-5 6h7m-3 -3l3 3l-3 3" /></svg>
                            <div class="mt-1 text-muted text-h5">file-export</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-horizontal" title="file-horizontal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 5v4a1 1 0 0 0 1 1h4" /><path d="M3 7v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2 -2v-7l-5 -5h-11a2 2 0 0 0 -2 2z" /></svg>
                            <div class="mt-1 text-muted text-h5">file-horizontal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-import" title="file-import">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 13v-8a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-5.5m-9.5 -2h7m-3 -3l3 3l-3 3" /></svg>
                            <div class="mt-1 text-muted text-h5">file-import</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-info" title="file-info">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M11 14h1v4h1" /><path d="M12 11h.01" /></svg>
                            <div class="mt-1 text-muted text-h5">file-info</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-invoice" title="file-invoice">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="7" x2="10" y2="7" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="13" y1="17" x2="15" y2="17" /></svg>
                            <div class="mt-1 text-muted text-h5">file-invoice</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-like" title="file-like">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="16" width="3" height="5" rx="1" /><path d="M6 20a1 1 0 0 0 1 1h3.756a1 1 0 0 0 .958 -.713l1.2 -3c.09 -.303 .133 -.63 -.056 -.884c-.188 -.254 -.542 -.403 -.858 -.403h-2v-2.467a1.1 1.1 0 0 0 -2.015 -.61l-1.985 3.077v4z" /><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 12.1v-7.1a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-2.3" /></svg>
                            <div class="mt-1 text-muted text-h5">file-like</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-minus" title="file-minus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="14" x2="15" y2="14" /></svg>
                            <div class="mt-1 text-muted text-h5">file-minus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-music" title="file-music">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><circle cx="11" cy="16" r="1" /><polyline points="12 16 12 11 14 12" /></svg>
                            <div class="mt-1 text-muted text-h5">file-music</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-off" title="file-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M7 3h7l5 5v7m0 4a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-14" /></svg>
                            <div class="mt-1 text-muted text-h5">file-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-phone" title="file-phone">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 12a0.5 .5 0 0 0 1 0v-1a0.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a0.5 .5 0 0 0 0 -1h-1a0.5 .5 0 0 0 0 1" /></svg>
                            <div class="mt-1 text-muted text-h5">file-phone</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-plus" title="file-plus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="11" x2="12" y2="17" /><line x1="9" y1="14" x2="15" y2="14" /></svg>
                            <div class="mt-1 text-muted text-h5">file-plus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-report" title="file-report">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="17" cy="17" r="4" /><path d="M17 13v4h4" /><path d="M12 3v4a1 1 0 0 0 1 1h4" /><path d="M11.5 21h-6.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v2m0 3v4" /></svg>
                            <div class="mt-1 text-muted text-h5">file-report</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-search" title="file-search">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M12 21h-5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v4.5" /><circle cx="16.5" cy="17.5" r="2.5" /><line x1="18.5" y1="19.5" x2="21" y2="22" /></svg>
                            <div class="mt-1 text-muted text-h5">file-search</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-shredder" title="file-shredder">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4" /><line x1="3" y1="12" x2="21" y2="12" /><line x1="6" y1="16" x2="6" y2="18" /><line x1="10" y1="16" x2="10" y2="22" /><line x1="14" y1="16" x2="14" y2="18" /><line x1="18" y1="16" x2="18" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">file-shredder</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-symlink" title="file-symlink">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-4a3 3 0 0 1 3 -3h5" /><path d="M9 17l3 -3l-3 -3" /><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 11v-6a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-9.5" /></svg>
                            <div class="mt-1 text-muted text-h5">file-symlink</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-text" title="file-text">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
                            <div class="mt-1 text-muted text-h5">file-text</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-upload" title="file-upload">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="11" x2="12" y2="17" /><polyline points="9 14 12 11 15 14" /></svg>
                            <div class="mt-1 text-muted text-h5">file-upload</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-x" title="file-x">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M10 12l4 4m0 -4l-4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">file-x</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file-zip" title="file-zip">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1" /><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z" /><line x1="11" y1="5" x2="10" y2="5" /><line x1="13" y1="7" x2="12" y2="7" /><line x1="11" y1="9" x2="10" y2="9" /><line x1="13" y1="11" x2="12" y2="11" /><line x1="11" y1="13" x2="10" y2="13" /><line x1="13" y1="15" x2="12" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">file-zip</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="file" title="file">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /></svg>
                            <div class="mt-1 text-muted text-h5">file</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="files-off" title="files-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 3v4a1 1 0 0 0 1 1h4" /><path d="M17 17h-6a2 2 0 0 1 -2 -2v-6m0 -4a2 2 0 0 1 2 -2h4l5 5v7c0 .294 -.063 .572 -.177 .823" /><path d="M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">files-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="files" title="files">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 3v4a1 1 0 0 0 1 1h4" /><path d="M18 17h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h4l5 5v7a2 2 0 0 1 -2 2z" /><path d="M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2" /></svg>
                            <div class="mt-1 text-muted text-h5">files</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="filter-off" title="filter-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9 5h9.5a1 1 0 0 1 .5 1.5l-4.049 4.454m-.951 3.046v5l-4 -3v-4l-5 -5.5a1 1 0 0 1 .18 -1.316" /></svg>
                            <div class="mt-1 text-muted text-h5">filter-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="filter" title="filter">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5.5 5h13a1 1 0 0 1 .5 1.5l-5 5.5l0 7l-4 -3l0 -4l-5 -5.5a1 1 0 0 1 .5 -1.5" /></svg>
                            <div class="mt-1 text-muted text-h5">filter</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="fingerprint" title="fingerprint">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.9 7a8 8 0 0 1 1.1 5v1a6 6 0 0 0 .8 3" /><path d="M8 11a4 4 0 0 1 8 0v1a10 10 0 0 0 2 6" /><path d="M12 11v2a14 14 0 0 0 2.5 8" /><path d="M8 15a18 18 0 0 0 1.8 6" /><path d="M4.9 19a22 22 0 0 1 -.9 -7v-1a8 8 0 0 1 12 -6.95" /></svg>
                            <div class="mt-1 text-muted text-h5">fingerprint</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="firetruck" title="firetruck">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M7 18h8m4 0h2v-6a5 5 0 0 0 -5 -5h-1l1.5 5h4.5" /><path d="M12 18v-11h3" /><polyline points="3 17 3 12 12 12" /><line x1="3" y1="9" x2="21" y2="3" /><line x1="6" y1="12" x2="6" y2="8" /></svg>
                            <div class="mt-1 text-muted text-h5">firetruck</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="flag" title="flag">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="5" x2="5" y2="21" /><line x1="19" y1="5" x2="19" y2="14" /><path d="M5 5a5 5 0 0 1 7 0a5 5 0 0 0 7 0" /><path d="M5 14a5 5 0 0 1 7 0a5 5 0 0 0 7 0" /></svg>
                            <div class="mt-1 text-muted text-h5">flag</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="flame" title="flame">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.762 4.383 -2.989 5.642c-1.226 1.26 -2.011 2.598 -2.011 4.358a6 6 0 1 0 12 0c0 -1.532 -.77 -2.94 -1.714 -4c-1.786 3 -3.077 3 -4.286 2z" /></svg>
                            <div class="mt-1 text-muted text-h5">flame</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="flask" title="flask">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="3" x2="15" y2="3" /><line x1="10" y1="9" x2="14" y2="9" /><path d="M10 3v6l-4 11a0.7 .7 0 0 0 .5 1h11a0.7 .7 0 0 0 .5 -1l-4 -11v-6" /></svg>
                            <div class="mt-1 text-muted text-h5">flask</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="flip-horizontal" title="flip-horizontal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="12" x2="21" y2="12" /><polyline points="7 16 17 16 7 21 7 16" /><polyline points="7 8 17 8 7 3 7 8" /></svg>
                            <div class="mt-1 text-muted text-h5">flip-horizontal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="flip-vertical" title="flip-vertical">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="21" /><polyline points="16 7 16 17 21 17 16 7" /><polyline points="8 7 8 17 3 17 8 7" /></svg>
                            <div class="mt-1 text-muted text-h5">flip-vertical</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="float-center" title="float-center">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="9" y="5" rx="1" /><line x1="4" y1="7" x2="5" y2="7" /><line x1="4" y1="11" x2="5" y2="11" /><line x1="19" y1="7" x2="20" y2="7" /><line x1="19" y1="11" x2="20" y2="11" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">float-center</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="float-left" title="float-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="4" y="5" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="14" y1="11" x2="20" y2="11" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">float-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="float-none" title="float-none">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="4" y="5" rx="1" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">float-none</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="float-right" title="float-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="14" y="5" rx="1" /><line x1="4" y1="7" x2="10" y2="7" /><line x1="4" y1="11" x2="10" y2="11" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">float-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="focus-2" title="focus-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r=".5" fill="currentColor" /><circle cx="12" cy="12" r="7" /><line x1="12" y1="3" x2="12" y2="5" /><line x1="3" y1="12" x2="5" y2="12" /><line x1="12" y1="19" x2="12" y2="21" /><line x1="19" y1="12" x2="21" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">focus-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="focus" title="focus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r=".5" fill="currentColor" /><circle cx="12" cy="12" r="9" /></svg>
                            <div class="mt-1 text-muted text-h5">focus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="fold-down" title="fold-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 11v8l3 -3m-6 0l3 3" /><line x1="9" y1="7" x2="10" y2="7" /><line x1="14" y1="7" x2="15" y2="7" /><line x1="19" y1="7" x2="20" y2="7" /><line x1="4" y1="7" x2="5" y2="7" /></svg>
                            <div class="mt-1 text-muted text-h5">fold-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="fold-up" title="fold-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 13v-8l-3 3m6 0l-3 -3" /><line x1="9" y1="17" x2="10" y2="17" /><line x1="14" y1="17" x2="15" y2="17" /><line x1="19" y1="17" x2="20" y2="17" /><line x1="4" y1="17" x2="5" y2="17" /></svg>
                            <div class="mt-1 text-muted text-h5">fold-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="fold" title="fold">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3v6l3 -3m-6 0l3 3" /><path d="M12 21v-6l3 3m-6 0l3 -3" /><line x1="4" y1="12" x2="5" y2="12" /><line x1="9" y1="12" x2="10" y2="12" /><line x1="14" y1="12" x2="15" y2="12" /><line x1="19" y1="12" x2="20" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">fold</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="folder-minus" title="folder-minus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /><line x1="9" y1="13" x2="15" y2="13" /></svg>
                            <div class="mt-1 text-muted text-h5">folder-minus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="folder-off" title="folder-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M19 19h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 1.172 -1.821m3.828 -.179h1l3 3h7a2 2 0 0 1 2 2v8" /></svg>
                            <div class="mt-1 text-muted text-h5">folder-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="folder-plus" title="folder-plus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /><line x1="12" y1="10" x2="12" y2="16" /><line x1="9" y1="13" x2="15" y2="13" /></svg>
                            <div class="mt-1 text-muted text-h5">folder-plus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="folder-x" title="folder-x">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /><path d="M10 11l4 4m0 -4l-4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">folder-x</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="folder" title="folder">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">folder</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="folders" title="folders">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4h3l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2h2" /></svg>
                            <div class="mt-1 text-muted text-h5">folders</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="forbid-2" title="forbid-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="15" x2="15" y2="9" /></svg>
                            <div class="mt-1 text-muted text-h5">forbid-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="forbid" title="forbid">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="15" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">forbid</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="forklift" title="forklift">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="17" r="2" /><circle cx="14" cy="17" r="2" /><line x1="7" y1="17" x2="12" y2="17" /><path d="M3 17v-6h13v6" /><path d="M5 11v-4h4" /><path d="M9 11v-6h4l3 6" /><path d="M22 15h-3v-10" /><line x1="16" y1="13" x2="19" y2="13" /></svg>
                            <div class="mt-1 text-muted text-h5">forklift</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="frame" title="frame">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="7" x2="20" y2="7" /><line x1="4" y1="17" x2="20" y2="17" /><line x1="7" y1="4" x2="7" y2="20" /><line x1="17" y1="4" x2="17" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">frame</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="friends" title="friends">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="5" r="2" /><path d="M5 22v-5l-1 -1v-4a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4l-1 1v5" /><circle cx="17" cy="5" r="2" /><path d="M15 22v-4h-2l2 -6a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1l2 6h-2v4" /></svg>
                            <div class="mt-1 text-muted text-h5">friends</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="gas-station" title="gas-station">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 11h1a2 2 0 0 1 2 2v3a1.5 1.5 0 0 0 3 0v-7l-3 -3" /><line x1="4" y1="19" x2="14" y2="19" /><line x1="5" y1="11" x2="13" y2="11" /><path d="M5 19v-12a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v12" /><path d="M17 7v1a1 1 0 0 0 1 1h1" /></svg>
                            <div class="mt-1 text-muted text-h5">gas-station</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="gauge" title="gauge">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="1" /><line x1="13.41" y1="10.59" x2="16" y2="8" /><path d="M7 12a5 5 0 0 1 5 -5" /></svg>
                            <div class="mt-1 text-muted text-h5">gauge</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="ghost" title="ghost">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                            <div class="mt-1 text-muted text-h5">ghost</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="gift" title="gift">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="8" width="18" height="4" rx="1" /><line x1="12" y1="8" x2="12" y2="21" /><path d="M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7" /><path d="M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5" /></svg>
                            <div class="mt-1 text-muted text-h5">gift</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="git-branch" title="git-branch">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
                            <div class="mt-1 text-muted text-h5">git-branch</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="git-commit" title="git-commit">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="3" x2="12" y2="9" /><line x1="12" y1="15" x2="12" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">git-commit</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="git-compare" title="git-compare">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="6" r="2" /><circle cx="18" cy="18" r="2" /><path d="M11 6h5a2 2 0 0 1 2 2v8" /><polyline points="14 9 11 6 14 3" /><path d="M13 18h-5a2 2 0 0 1 -2 -2v-8" /><polyline points="10 15 13 18 10 21" /></svg>
                            <div class="mt-1 text-muted text-h5">git-compare</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="git-fork" title="git-fork">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><path d="M7 8v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2 -2v-2" /><line x1="12" y1="12" x2="12" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">git-fork</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="git-merge" title="git-merge">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="12" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M7 8a4 4 0 0 0 4 4h4" /></svg>
                            <div class="mt-1 text-muted text-h5">git-merge</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="git-pull-request" title="git-pull-request">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="18" r="2" /><circle cx="6" cy="6" r="2" /><circle cx="18" cy="18" r="2" /><line x1="6" y1="8" x2="6" y2="16" /><path d="M11 6h5a2 2 0 0 1 2 2v8" /><polyline points="14 9 11 6 14 3" /></svg>
                            <div class="mt-1 text-muted text-h5">git-pull-request</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="glass-full" title="glass-full">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="15" x2="12" y2="21" /><path d="M16 4l1 6a5 5 0 0 1 -10 0l1 -6z" /><path d="M7 10a4 4 0 0 1 5 0a4 4 0 0 0 5 0" /></svg>
                            <div class="mt-1 text-muted text-h5">glass-full</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="glass" title="glass">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="15" x2="12" y2="21" /><path d="M16 4l1 6a5 5 0 0 1 -10 0l1 -6z" /></svg>
                            <div class="mt-1 text-muted text-h5">glass</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="globe" title="globe">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="10" r="4" /><path d="M6.75 16a8.015 8.015 0 1 0 9.25 -13" /><line x1="12" y1="18" x2="12" y2="22" /><line x1="8" y1="22" x2="16" y2="22" /></svg>
                            <div class="mt-1 text-muted text-h5">globe</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="golf" title="golf">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 18v-15l7 4l-7 4" /><path d="M9 17.67c-.62 .36 -1 .82 -1 1.33c0 1.1 1.8 2 4 2s4 -.9 4 -2c0 -.5 -.38 -.97 -1 -1.33" /></svg>
                            <div class="mt-1 text-muted text-h5">golf</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="gps" title="gps">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 17l-1 -4l-4 -1l9 -4z" /></svg>
                            <div class="mt-1 text-muted text-h5">gps</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="grid-dots" title="grid-dots">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="5" r="1" /><circle cx="12" cy="5" r="1" /><circle cx="19" cy="5" r="1" /><circle cx="5" cy="12" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="19" cy="12" r="1" /><circle cx="5" cy="19" r="1" /><circle cx="12" cy="19" r="1" /><circle cx="19" cy="19" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">grid-dots</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="grip-horizontal" title="grip-horizontal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="9" r="1" /><circle cx="5" cy="15" r="1" /><circle cx="12" cy="9" r="1" /><circle cx="12" cy="15" r="1" /><circle cx="19" cy="9" r="1" /><circle cx="19" cy="15" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">grip-horizontal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="grip-vertical" title="grip-vertical">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="5" r="1" /><circle cx="9" cy="12" r="1" /><circle cx="9" cy="19" r="1" /><circle cx="15" cy="5" r="1" /><circle cx="15" cy="12" r="1" /><circle cx="15" cy="19" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">grip-vertical</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="h-1" title="h-1">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><path d="M20 19v-10l-3 3" /></svg>
                            <div class="mt-1 text-muted text-h5">h-1</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="h-2" title="h-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><path d="M21 19h-5l4.47 -5.96a2.5 2.5 0 1 0 -4.47 -1.54" /></svg>
                            <div class="mt-1 text-muted text-h5">h-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="h-3" title="h-3">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><path d="M16 11.5a2.5 2.5 0 1 1 2.5 2.5a2.5 2.5 0 1 1 -2.5 2.5" /></svg>
                            <div class="mt-1 text-muted text-h5">h-3</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="h-4" title="h-4">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><path d="M20 19v-10l-5 8h7" /></svg>
                            <div class="mt-1 text-muted text-h5">h-4</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="h-5" title="h-5">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><path d="M16 18.27a3 3 0 1 0 0 -4.537l0 -4.733h5" /></svg>
                            <div class="mt-1 text-muted text-h5">h-5</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="h-6" title="h-6">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="5" x2="3" y2="19" /><line x1="3" y1="12" x2="12" y2="12" /><line x1="12" y1="5" x2="12" y2="19" /><circle cx="18.5" cy="16.5" r="2.5" /><line x1="20" y1="9" x2="16.5" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">h-6</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="hand-middle-finger" title="hand-middle-finger">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13.5v-4a1.5 1.5 0 0 1 3 0v2.5m0 -2.5v-6a1.5 1.5 0 0 1 3 0v8.5m0 -2.5a1.5 1.5 0 0 1 3 0v2.5m0 -1.5a1.5 1.5 0 0 1 3 0v5.5a6 6 0 0 1 -6 6h-2a7 6 0 0 1 -5 -3l-2.7 -5.25a1.4 1.4 0 0 1 2.75 -2l.9 1.75" /></svg>
                            <div class="mt-1 text-muted text-h5">hand-middle-finger</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="hand-off" title="hand-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M8 13.5v-5.5m.44 -3.562a1.5 1.5 0 0 1 2.56 1.062v1.5m0 4.008v.992m0 -6.5v-2a1.5 1.5 0 1 1 3 0v6.5m0 -4.5a1.5 1.5 0 0 1 3 0v6.5m0 -4.5a1.5 1.5 0 0 1 3 0v8.5a6 6 0 0 1 -6 6h-2c-2.114 -.292 -3.956 -1.397 -5 -3l-2.7 -5.25a1.7 1.7 0 0 1 2.75 -2l.9 1.75" /></svg>
                            <div class="mt-1 text-muted text-h5">hand-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="hand-stop" title="hand-stop">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13.5v-8a1.5 1.5 0 0 1 3 0v6.5m0 -6.5v-2a1.5 1.5 0 0 1 3 0v8.5m0 -6.5a1.5 1.5 0 0 1 3 0v6.5m0 -4.5a1.5 1.5 0 0 1 3 0v8.5a6 6 0 0 1 -6 6h-2a7 6 0 0 1 -5 -3l-2.7 -5.25a1.4 1.4 0 0 1 2.75 -2l.9 1.75" /></svg>
                            <div class="mt-1 text-muted text-h5">hand-stop</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="hash" title="hash">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="9" x2="19" y2="9" /><line x1="5" y1="15" x2="19" y2="15" /><line x1="11" y1="4" x2="7" y2="20" /><line x1="17" y1="4" x2="13" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">hash</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="headphones-off" title="headphones-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><rect x="4" y="13" width="5" height="7" rx="2" /><path d="M17 13h1a2 2 0 0 1 2 2v1m-.589 3.417c-.361 .36 -.86 .583 -1.411 .583h-1a2 2 0 0 1 -2 -2v-3" /><path d="M4 15v-3c0 -2.21 .896 -4.21 2.344 -5.658m2.369 -1.638a8 8 0 0 1 11.287 7.296v3" /></svg>
                            <div class="mt-1 text-muted text-h5">headphones-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="headphones" title="headphones">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="13" rx="2" width="5" height="7" /><rect x="15" y="13" rx="2" width="5" height="7" /><path d="M4 15v-3a8 8 0 0 1 16 0v3" /></svg>
                            <div class="mt-1 text-muted text-h5">headphones</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="headset" title="headset">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="13" rx="2" width="4" height="6" /><rect x="16" y="13" rx="2" width="4" height="6" /><path d="M4 15v-3a8 8 0 0 1 16 0v3" /><path d="M18 19a6 3 0 0 1 -6 3" /></svg>
                            <div class="mt-1 text-muted text-h5">headset</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="heart-broken" title="heart-broken">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /><path d="M12 7l-2 4l4 3l-2 4v3" /></svg>
                            <div class="mt-1 text-muted text-h5">heart-broken</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="heart" title="heart">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
                            <div class="mt-1 text-muted text-h5">heart</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="helicopter-landing" title="helicopter-landing">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="8" x2="9" y2="16" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="15" y1="8" x2="15" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">helicopter-landing</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="helicopter" title="helicopter">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 10l1 2h6" /><path d="M12 9a2 2 0 0 0 -2 2v3c0 1.1 .9 2 2 2h7a2 2 0 0 0 2 -2c0 -3.31 -3.13 -5 -7 -5h-2z" /><line x1="13" y1="9" x2="13" y2="6" /><line x1="5" y1="6" x2="20" y2="6" /><path d="M15 9.1v3.9h5.5" /><line x1="15" y1="19" x2="15" y2="16" /><line x1="19" y1="19" x2="11" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">helicopter</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="help" title="help">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="17" x2="12" y2="17.01" /><path d="M12 13.5a1.5 1.5 0 0 1 1 -1.5a2.6 2.6 0 1 0 -3 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">help</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="hexagon" title="hexagon">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 6.873a2 2 0 0 1 1 1.747v6.536a2 2 0 0 1 -1.029 1.748l-6 3.833a2 2 0 0 1 -1.942 0l-6 -3.833a2 2 0 0 1 -1.029 -1.747v-6.537a2 2 0 0 1 1.029 -1.748l6 -3.572a2.056 2.056 0 0 1 2 0l6 3.573z" /></svg>
                            <div class="mt-1 text-muted text-h5">hexagon</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="history" title="history">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 8 12 12 14 14" /><path d="M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5" /></svg>
                            <div class="mt-1 text-muted text-h5">history</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="home-2" title="home-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><rect x="10" y="12" width="4" height="4" /></svg>
                            <div class="mt-1 text-muted text-h5">home-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="home" title="home">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
                            <div class="mt-1 text-muted text-h5">home</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="ice-cream" title="ice-cream">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="8" y2="16" /><line x1="5" y1="13" x2="11" y2="19" /><path d="M11 19l7 -7a4 4 0 0 0 -6 -6l-7 7" /></svg>
                            <div class="mt-1 text-muted text-h5">ice-cream</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="id" title="id">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="16" rx="3" /><circle cx="9" cy="10" r="2" /><line x1="15" y1="8" x2="17" y2="8" /><line x1="15" y1="12" x2="17" y2="12" /><line x1="7" y1="16" x2="17" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">id</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="inbox" title="inbox">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M4 13h3l3 3h4l3 -3h3" /></svg>
                            <div class="mt-1 text-muted text-h5">inbox</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="indent-decrease" title="indent-decrease">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="6" x2="13" y2="6" /><line x1="20" y1="12" x2="11" y2="12" /><line x1="20" y1="18" x2="13" y2="18" /><path d="M8 8l-4 4l4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">indent-decrease</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="indent-increase" title="indent-increase">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="6" x2="9" y2="6" /><line x1="20" y1="12" x2="13" y2="12" /><line x1="20" y1="18" x2="9" y2="18" /><path d="M4 8l4 4l-4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">indent-increase</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="infinity" title="infinity">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9.828 9.172a4 4 0 1 0 0 5.656a10 10 0 0 0 2.172 -2.828a10 10 0 0 1 2.172 -2.828a4 4 0 1 1 0 5.656a10 10 0 0 1 -2.172 -2.828a10 10 0 0 0 -2.172 -2.828" /></svg>
                            <div class="mt-1 text-muted text-h5">infinity</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="info-circle" title="info-circle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="12.01" y2="8" /><polyline points="11 12 12 12 12 16 13 16" /></svg>
                            <div class="mt-1 text-muted text-h5">info-circle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="info-square" title="info-square">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="8" x2="12.01" y2="8" /><rect x="4" y="4" width="16" height="16" rx="2" /><polyline points="11 12 12 12 12 16 13 16" /></svg>
                            <div class="mt-1 text-muted text-h5">info-square</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="italic" title="italic">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="11" y1="5" x2="17" y2="5" /><line x1="7" y1="19" x2="13" y2="19" /><line x1="14" y1="5" x2="10" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">italic</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="jump-rope" title="jump-rope">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 14v-6a3 3 0 1 1 6 0v8a3 3 0 0 0 6 0v-6" /><rect x="16" y="3" width="4" height="7" rx="2" /><rect x="4" y="14" width="4" height="7" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">jump-rope</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="karate" title="karate">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="4" r="1" /><path d="M3 9l4.5 1l3 2.5" /><path d="M13 21v-8l3 -5.5" /><path d="M8 4.5l4 2l4 1l4 3.5l-2 3.5" /></svg>
                            <div class="mt-1 text-muted text-h5">karate</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="key" title="key">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="8" cy="15" r="4" /><line x1="10.85" y1="12.15" x2="19" y2="4" /><line x1="18" y1="5" x2="20" y2="7" /><line x1="15" y1="8" x2="17" y2="10" /></svg>
                            <div class="mt-1 text-muted text-h5">key</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="keyboard-hide" title="keyboard-hide">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="3" width="20" height="12" rx="2" /><line x1="6" y1="7" x2="6" y2="7" /><line x1="10" y1="7" x2="10" y2="7" /><line x1="14" y1="7" x2="14" y2="7" /><line x1="18" y1="7" x2="18" y2="7" /><line x1="6" y1="11" x2="6" y2="11.01" /><line x1="18" y1="11" x2="18" y2="11.01" /><line x1="10" y1="11" x2="14" y2="11" /><path d="M10 21l2 -2l2 2" /></svg>
                            <div class="mt-1 text-muted text-h5">keyboard-hide</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="keyboard-show" title="keyboard-show">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="3" width="20" height="12" rx="2" /><line x1="6" y1="7" x2="6" y2="7" /><line x1="10" y1="7" x2="10" y2="7" /><line x1="14" y1="7" x2="14" y2="7" /><line x1="18" y1="7" x2="18" y2="7" /><line x1="6" y1="11" x2="6" y2="11.01" /><line x1="18" y1="11" x2="18" y2="11.01" /><line x1="10" y1="11" x2="14" y2="11" /><path d="M10 19l2 2l2 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">keyboard-show</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="keyboard" title="keyboard">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="6" width="20" height="12" rx="2" /><line x1="6" y1="10" x2="6" y2="10" /><line x1="10" y1="10" x2="10" y2="10" /><line x1="14" y1="10" x2="14" y2="10" /><line x1="18" y1="10" x2="18" y2="10" /><line x1="6" y1="14" x2="6" y2="14.01" /><line x1="18" y1="14" x2="18" y2="14.01" /><line x1="10" y1="14" x2="14" y2="14" /></svg>
                            <div class="mt-1 text-muted text-h5">keyboard</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="language" title="language">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7h7m-2 -2v2a5 8 0 0 1 -5 8m1 -4a7 4 0 0 0 6.7 4" /><path d="M11 19l4 -9l4 9m-.9 -2h-6.2" /></svg>
                            <div class="mt-1 text-muted text-h5">language</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layers-difference" title="layers-difference">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 16v2a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2v-2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-2" /><polyline points="10 8 8 8 8 10" /><polyline points="8 14 8 16 10 16" /><polyline points="14 8 16 8 16 10" /><polyline points="16 14 16 16 14 16" /></svg>
                            <div class="mt-1 text-muted text-h5">layers-difference</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layers-intersect" title="layers-intersect">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="4" width="12" height="12" rx="2" /><rect x="4" y="8" width="12" height="12" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">layers-intersect</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layers-subtract" title="layers-subtract">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="4" width="12" height="12" rx="2" /><path d="M16 16v2a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2" /></svg>
                            <div class="mt-1 text-muted text-h5">layers-subtract</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layers-union" title="layers-union">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 16v2a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2v-2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-2" /></svg>
                            <div class="mt-1 text-muted text-h5">layers-union</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-2" title="layout-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-align-bottom" title="layout-align-bottom">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="20" /><rect x="9" y="4" width="6" height="12" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-align-bottom</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-align-center" title="layout-align-center">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="9" /><line x1="12" y1="15" x2="12" y2="20" /><rect x="6" y="9" width="12" height="6" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-align-center</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-align-left" title="layout-align-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="4" y2="20" /><rect x="8" y="9" width="12" height="6" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-align-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-align-middle" title="layout-align-middle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="9" y2="12" /><line x1="15" y1="12" x2="20" y2="12" /><rect x="9" y="6" width="6" height="12" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-align-middle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-align-right" title="layout-align-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="4" x2="20" y2="20" /><rect x="4" y="9" width="12" height="6" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-align-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-align-top" title="layout-align-top">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="20" y2="4" /><rect x="9" y="8" width="6" height="12" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-align-top</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-bottombar" title="layout-bottombar">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="15" x2="20" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-bottombar</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-cards" title="layout-cards">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="16" rx="2" /><rect x="14" y="4" width="6" height="10" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-cards</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-columns" title="layout-columns">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="12" y1="4" x2="12" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-columns</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-distribute-horizontal" title="layout-distribute-horizontal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="20" y2="4" /><line x1="4" y1="20" x2="20" y2="20" /><rect x="6" y="9" width="12" height="6" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-distribute-horizontal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-distribute-vertical" title="layout-distribute-vertical">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="4" y2="20" /><line x1="20" y1="4" x2="20" y2="20" /><rect x="9" y="6" width="6" height="12" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-distribute-vertical</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-grid-add" title="layout-grid-add">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="14" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><path d="M14 17h6" /><path d="M17 14v6" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-grid-add</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-grid" title="layout-grid">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="14" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-grid</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-kanban" title="layout-kanban">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="10" y2="4" /><line x1="14" y1="4" x2="20" y2="4" /><rect x="4" y="8" width="6" height="12" rx="2" /><rect x="14" y="8" width="6" height="6" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-kanban</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-list" title="layout-list">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="6" rx="2" /><rect x="4" y="14" width="16" height="6" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-list</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-navbar" title="layout-navbar">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="9" x2="20" y2="9" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-navbar</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-rows" title="layout-rows">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="12" x2="20" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-rows</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-sidebar-right" title="layout-sidebar-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="15" y1="4" x2="15" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-sidebar-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout-sidebar" title="layout-sidebar">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="4" x2="9" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">layout-sidebar</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="layout" title="layout">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="16" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">layout</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="leaf" title="leaf">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 21c.5 -4.5 2.5 -8 7 -10" /><path d="M9 18c6.218 0 10.5 -3.288 11 -12v-2h-4.014c-9 0 -11.986 4 -12 9c0 1 0 3 2 5h3z" /></svg>
                            <div class="mt-1 text-muted text-h5">leaf</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="lego" title="lego">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9.5" y1="11" x2="9.51" y2="11" /><line x1="14.5" y1="11" x2="14.51" y2="11" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /><path d="M7 5h1v-2h8v2h1a3 3 0 0 1 3 3v9a3 3 0 0 1 -3 3v1h-10v-1a3 3 0 0 1 -3 -3v-9a3 3 0 0 1 3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">lego</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-a" title="letter-a">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-12a4 4 0 0 1 4 -4h2a4 4 0 0 1 4 4v12" /><line x1="7" y1="13" x2="17" y2="13" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-a</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-b" title="letter-b">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16h6a4 4 0 0 1 0 8a4 4 0 0 1 0 8h-6" /><line x1="7" y1="12" x2="13" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-b</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-c" title="letter-c">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-c</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-d" title="letter-d">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4h6a5 5 0 0 1 5 5v6a5 5 0 0 1 -5 5h-6v-16" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-d</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-e" title="letter-e">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4h-10v16h10" /><line x1="7" y1="12" x2="15" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-e</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-f" title="letter-f">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4h-10v16" /><line x1="7" y1="12" x2="15" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-f</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-g" title="letter-g">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-2h-4" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-g</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-h" title="letter-h">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="4" x2="17" y2="20" /><line x1="7" y1="12" x2="17" y2="12" /><line x1="7" y1="4" x2="7" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-h</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-i" title="letter-i">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-i</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-j" title="letter-j">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4v12a4 4 0 0 1 -4 4h-2a4 4 0 0 1 -4 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-j</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-k" title="letter-k">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="4" x2="7" y2="20" /><path d="M7 12h2l8 -8" /><line x1="9" y1="12" x2="17" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-k</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-l" title="letter-l">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4v16h10" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-l</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-m" title="letter-m">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 20v-16l6 14l6 -14v16" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-m</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-n" title="letter-n">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16l10 16v-16" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-n</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-o" title="letter-o">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-6" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-o</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-p" title="letter-p">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-p</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-q" title="letter-q">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-6" /><line x1="13" y1="15" x2="18" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-q</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-r" title="letter-r">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5" /><line x1="12" y1="13" x2="17" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-r</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-s" title="letter-s">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 8a4 4 0 0 0 -4 -4h-2a4 4 0 0 0 0 8h2a4 4 0 0 1 0 8h-2a4 4 0 0 1 -4 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-s</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-t" title="letter-t">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="4" x2="18" y2="4" /><line x1="12" y1="4" x2="12" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-t</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-u" title="letter-u">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4v11a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-11" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-u</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-v" title="letter-v">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4l6 16l6 -16" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-v</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-w" title="letter-w">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4l4 16l4 -14l4 14l4 -16" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-w</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-x" title="letter-x">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="4" x2="17" y2="20" /><line x1="17" y1="4" x2="7" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-x</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-y" title="letter-y">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4l5 9l5 -9" /><line x1="12" y1="13" x2="12" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-y</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letter-z" title="letter-z">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4h10l-10 16h10" /></svg>
                            <div class="mt-1 text-muted text-h5">letter-z</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="letters-case" title="letters-case">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="16" r="3" /><line x1="21" y1="13" x2="21" y2="19" /><path d="M3 19v-10a4 4 0 0 1 4 -4a4 4 0 0 1 4 4v10" /><line x1="3" y1="13" x2="11" y2="13" /></svg>
                            <div class="mt-1 text-muted text-h5">letters-case</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="license" title="license">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11" /><line x1="9" y1="7" x2="13" y2="7" /><line x1="9" y1="11" x2="13" y2="11" /></svg>
                            <div class="mt-1 text-muted text-h5">license</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="lifebuoy" title="lifebuoy">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><circle cx="12" cy="12" r="9" /><line x1="15" y1="15" x2="18.35" y2="18.35" /><line x1="9" y1="15" x2="5.65" y2="18.35" /><line x1="5.65" y1="5.65" x2="9" y2="9" /><line x1="18.35" y1="5.65" x2="15" y2="9" /></svg>
                            <div class="mt-1 text-muted text-h5">lifebuoy</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="line-height" title="line-height">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 8 6 5 9 8" /><polyline points="3 16 6 19 9 16" /><line x1="6" y1="5" x2="6" y2="19" /><line x1="13" y1="6" x2="20" y2="6" /><line x1="13" y1="12" x2="20" y2="12" /><line x1="13" y1="18" x2="20" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">line-height</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="line" title="line">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="18" r="2" /><circle cx="18" cy="6" r="2" /><line x1="7.5" y1="16.5" x2="16.5" y2="7.5" /></svg>
                            <div class="mt-1 text-muted text-h5">line</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="link" title="link">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
                            <div class="mt-1 text-muted text-h5">link</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="list-check" title="list-check">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.5 5.5l1.5 1.5l2.5 -2.5" /><path d="M3.5 11.5l1.5 1.5l2.5 -2.5" /><path d="M3.5 17.5l1.5 1.5l2.5 -2.5" /><line x1="11" y1="6" x2="20" y2="6" /><line x1="11" y1="12" x2="20" y2="12" /><line x1="11" y1="18" x2="20" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">list-check</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="list" title="list">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="6" x2="20" y2="6" /><line x1="9" y1="12" x2="20" y2="12" /><line x1="9" y1="18" x2="20" y2="18" /><line x1="5" y1="6" x2="5" y2="6.01" /><line x1="5" y1="12" x2="5" y2="12.01" /><line x1="5" y1="18" x2="5" y2="18.01" /></svg>
                            <div class="mt-1 text-muted text-h5">list</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="live-photo" title="live-photo">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="1" /><circle cx="12" cy="12" r="5" /><line x1="15.9" y1="20.11" x2="15.9" y2="20.12" /><line x1="19.04" y1="17.61" x2="19.04" y2="17.62" /><line x1="20.77" y1="14" x2="20.77" y2="14.01" /><line x1="20.77" y1="10" x2="20.77" y2="10.01" /><line x1="19.04" y1="6.39" x2="19.04" y2="6.4" /><line x1="15.9" y1="3.89" x2="15.9" y2="3.9" /><line x1="12" y1="3" x2="12" y2="3.01" /><line x1="8.1" y1="3.89" x2="8.1" y2="3.9" /><line x1="4.96" y1="6.39" x2="4.96" y2="6.4" /><line x1="3.23" y1="10" x2="3.23" y2="10.01" /><line x1="3.23" y1="14" x2="3.23" y2="14.01" /><line x1="4.96" y1="17.61" x2="4.96" y2="17.62" /><line x1="8.1" y1="20.11" x2="8.1" y2="20.12" /><line x1="12" y1="21" x2="12" y2="21.01" /></svg>
                            <div class="mt-1 text-muted text-h5">live-photo</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="live-view" title="live-view">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><line x1="12" y1="11" x2="12" y2="11.01" /><path d="M12 18l-3.5 -5a4 4 0 1 1 7 0l-3.5 5" /></svg>
                            <div class="mt-1 text-muted text-h5">live-view</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="loader-quarter" title="loader-quarter">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="6" x2="12" y2="3" /><line x1="6" y1="12" x2="3" y2="12" /><line x1="7.75" y1="7.75" x2="5.6" y2="5.6" /></svg>
                            <div class="mt-1 text-muted text-h5">loader-quarter</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="loader" title="loader">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="6" x2="12" y2="3" /><line x1="16.25" y1="7.75" x2="18.4" y2="5.6" /><line x1="18" y1="12" x2="21" y2="12" /><line x1="16.25" y1="16.25" x2="18.4" y2="18.4" /><line x1="12" y1="18" x2="12" y2="21" /><line x1="7.75" y1="16.25" x2="5.6" y2="18.4" /><line x1="6" y1="12" x2="3" y2="12" /><line x1="7.75" y1="7.75" x2="5.6" y2="5.6" /></svg>
                            <div class="mt-1 text-muted text-h5">loader</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="location" title="location">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 3l-6.5 18a0.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a0.55 .55 0 0 1 0 -1l18 -6.5" /></svg>
                            <div class="mt-1 text-muted text-h5">location</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="lock-off" title="lock-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M19 19a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h4m4 0h2a2 2 0 0 1 2 2v2" /><circle cx="12" cy="16" r="1" /><path d="M8 11v-3m.712 -3.278a4 4 0 0 1 7.288 2.278v4" /></svg>
                            <div class="mt-1 text-muted text-h5">lock-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="lock-open" title="lock-open">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="11" width="14" height="10" rx="2" /><circle cx="12" cy="16" r="1" /><path d="M8 11v-5a4 4 0 0 1 8 0" /></svg>
                            <div class="mt-1 text-muted text-h5">lock-open</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="lock" title="lock">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="11" width="14" height="10" rx="2" /><circle cx="12" cy="16" r="1" /><path d="M8 11v-4a4 4 0 0 1 8 0v4" /></svg>
                            <div class="mt-1 text-muted text-h5">lock</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="login" title="login">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" /><path d="M20 12h-13l3 -3m0 6l-3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">login</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="logout" title="logout">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" /><path d="M7 12h14l-3 -3m0 6l3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">logout</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="magnet" title="magnet">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 13v-8a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v8a2 2 0 0 0 6 0v-8a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v8a8 8 0 0 1 -16 0" /><line x1="4" y1="8" x2="9" y2="8" /><line x1="15" y1="8" x2="19" y2="8" /></svg>
                            <div class="mt-1 text-muted text-h5">magnet</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mail-opened" title="mail-opened">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 9 12 15 21 9 12 3 3 9" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><line x1="3" y1="19" x2="9" y2="13" /><line x1="15" y1="13" x2="21" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">mail-opened</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mail" title="mail">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><polyline points="3 7 12 13 21 7" /></svg>
                            <div class="mt-1 text-muted text-h5">mail</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="man" title="man">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><path d="M10 22v-5l-1 -1v-4a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4l-1 1v5" /></svg>
                            <div class="mt-1 text-muted text-h5">man</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="manual-gearbox" title="manual-gearbox">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="6" r="2" /><circle cx="12" cy="6" r="2" /><circle cx="19" cy="6" r="2" /><circle cx="5" cy="18" r="2" /><circle cx="12" cy="18" r="2" /><line x1="5" y1="8" x2="5" y2="16" /><line x1="12" y1="8" x2="12" y2="16" /><path d="M19 8v2a2 2 0 0 1 -2 2h-12" /></svg>
                            <div class="mt-1 text-muted text-h5">manual-gearbox</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="map-2" title="map-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="18" y2="6.01" /><path d="M18 13l-3.5 -5a4 4 0 1 1 7 0l-3.5 5" /><polyline points="10.5 4.75 9 4 3 7 3 20 9 17 15 20 21 17 21 15" /><line x1="9" y1="4" x2="9" y2="17" /><line x1="15" y1="15" x2="15" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">map-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="map-pin-off" title="map-pin-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9.44 9.435a3 3 0 0 0 4.126 4.124m1.434 -2.559a3 3 0 0 0 -3 -3" /><path d="M8.048 4.042a8 8 0 0 1 10.912 10.908m-1.8 2.206l-3.745 3.744a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 0 1 -.48 -10.79" /></svg>
                            <div class="mt-1 text-muted text-h5">map-pin-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="map-pin" title="map-pin">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="11" r="3" /><path d="M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" /></svg>
                            <div class="mt-1 text-muted text-h5">map-pin</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="map-pins" title="map-pins">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.828 9.828a4 4 0 1 0 -5.656 0l2.828 2.829l2.828 -2.829z" /><line x1="8" y1="7" x2="8" y2="7.01" /><path d="M18.828 17.828a4 4 0 1 0 -5.656 0l2.828 2.829l2.828 -2.829z" /><line x1="16" y1="15" x2="16" y2="15.01" /></svg>
                            <div class="mt-1 text-muted text-h5">map-pins</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="map" title="map">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 7 9 4 15 7 21 4 21 17 15 20 9 17 3 20 3 7" /><line x1="9" y1="4" x2="9" y2="17" /><line x1="15" y1="7" x2="15" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">map</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="markdown" title="markdown">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 15v-6l2 2l2 -2v6" /><path d="M14 13l2 2l2 -2m-2 2v-6" /></svg>
                            <div class="mt-1 text-muted text-h5">markdown</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="marquee" title="marquee">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 6a2 2 0 0 1 2 -2m3 0h1.5m3 0h1.5m3 0a2 2 0 0 1 2 2m0 3v1.5m0 3v1.5m0 3a2 2 0 0 1 -2 2m-3 0h-1.5m-3 0h-1.5m-3 0a2 2 0 0 1 -2 -2m0 -3v-1.5m0 -3v-1.5m0 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">marquee</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mars" title="mars">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="14" r="5" /><line x1="19" y1="5" x2="13.6" y2="10.4" /><line x1="19" y1="5" x2="14" y2="5" /><line x1="19" y1="5" x2="19" y2="10" /></svg>
                            <div class="mt-1 text-muted text-h5">mars</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="math" title="math">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 13l4 4m0 -4l-4 4" /><path d="M20 5h-7l-4 14l-3 -6h-2" /></svg>
                            <div class="mt-1 text-muted text-h5">math</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="maximize" title="maximize">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /></svg>
                            <div class="mt-1 text-muted text-h5">maximize</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="medal" title="medal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 4v3m-4 -3v6m8 -6v6" /><path d="M12 18.5l-3 1.5l.5 -3.5l-2 -2l3 -.5l1.5 -3l1.5 3l3 .5l-2 2l.5 3.5z" /></svg>
                            <div class="mt-1 text-muted text-h5">medal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="medical-cross" title="medical-cross">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3a1 1 0 0 1 1 1v4.535l3.928 -2.267a1 1 0 0 1 1.366 .366l1 1.732a1 1 0 0 1 -.366 1.366l-3.927 2.268l3.927 2.269a1 1 0 0 1 .366 1.366l-1 1.732a1 1 0 0 1 -1.366 .366l-3.928 -2.269v4.536a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-4.536l-3.928 2.268a1 1 0 0 1 -1.366 -.366l-1 -1.732a1 1 0 0 1 .366 -1.366l3.927 -2.268l-3.927 -2.268a1 1 0 0 1 -.366 -1.366l1 -1.732a1 1 0 0 1 1.366 -.366l3.928 2.267v-4.535a1 1 0 0 1 1 -1h2z" /></svg>
                            <div class="mt-1 text-muted text-h5">medical-cross</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="menu-2" title="menu-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="4" y1="18" x2="20" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">menu-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="menu" title="menu">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="8" x2="20" y2="8" /><line x1="4" y1="16" x2="20" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">menu</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="message-2" title="message-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 20l-3 -3h-2a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-2l-3 3" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
                            <div class="mt-1 text-muted text-h5">message-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="message-circle-2" title="message-circle-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /></svg>
                            <div class="mt-1 text-muted text-h5">message-circle-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="message-circle-off" title="message-circle-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M8.585 4.581c3.225 -1.181 7.032 -.616 9.66 1.626c2.983 2.543 3.602 6.525 1.634 9.662m-1.908 2.108c-2.786 2.19 -6.89 2.665 -10.271 1.023l-4.7 1l1.3 -3.9c-2.237 -3.308 -1.489 -7.54 1.714 -10.084" /></svg>
                            <div class="mt-1 text-muted text-h5">message-circle-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="message-circle" title="message-circle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /></svg>
                            <div class="mt-1 text-muted text-h5">message-circle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="message-dots" title="message-dots">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="12" y1="11" x2="12" y2="11.01" /><line x1="8" y1="11" x2="8" y2="11.01" /><line x1="16" y1="11" x2="16" y2="11.01" /></svg>
                            <div class="mt-1 text-muted text-h5">message-dots</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="message-off" title="message-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 17h-9l-4 4v-13c0 -1.086 .577 -2.036 1.44 -2.563m3.561 -.437h8a3 3 0 0 1 3 3v6c0 .575 -.162 1.112 -.442 1.568" /></svg>
                            <div class="mt-1 text-muted text-h5">message-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="message-plus" title="message-plus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="10" y1="11" x2="14" y2="11" /><line x1="12" y1="9" x2="12" y2="13" /></svg>
                            <div class="mt-1 text-muted text-h5">message-plus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="message-report" title="message-report">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="12" y1="8" x2="12" y2="11" /><line x1="12" y1="14" x2="12" y2="14.01" /></svg>
                            <div class="mt-1 text-muted text-h5">message-report</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="message" title="message">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
                            <div class="mt-1 text-muted text-h5">message</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="messages-off" title="messages-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M11 11a1 1 0 0 1 -1 -1m0 -3.968v-2.032a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10l-3 -3h-3" /><path d="M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2" /></svg>
                            <div class="mt-1 text-muted text-h5">messages-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="messages" title="messages">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10" /><path d="M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2" /></svg>
                            <div class="mt-1 text-muted text-h5">messages</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="microphone-off" title="microphone-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9 5a3 3 0 0 1 6 0v5a3 3 0 0 1 -.13 .874m-2 2a3 3 0 0 1 -3.87 -2.872v-1" /><path d="M5 10a7 7 0 0 0 10.846 5.85m2.002 -2a6.967 6.967 0 0 0 1.152 -3.85" /><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="17" x2="12" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">microphone-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="microphone" title="microphone">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="9" y="2" width="6" height="11" rx="3" /><path d="M5 10a7 7 0 0 0 14 0" /><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="17" x2="12" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">microphone</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="minimize" title="minimize">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 19v-2a2 2 0 0 1 2 -2h2" /><path d="M15 5v2a2 2 0 0 0 2 2h2" /><path d="M5 15h2a2 2 0 0 1 2 2v2" /><path d="M5 9h2a2 2 0 0 0 2 -2v-2" /></svg>
                            <div class="mt-1 text-muted text-h5">minimize</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="minus" title="minus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">minus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mist" title="mist">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5h3m4 0h9" /><path d="M3 10h11m4 0h1" /><path d="M5 15h5m4 0h7" /><path d="M3 20h9m4 0h3" /></svg>
                            <div class="mt-1 text-muted text-h5">mist</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mood-boy" title="mood-boy">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4.5a9 9 0 0 1 3.864 5.89a2.5 2.5 0 0 1 -.29 4.36a9 9 0 0 1 -17.137 0a2.5 2.5 0 0 1 -.29 -4.36a9 9 0 0 1 3.746 -5.81" /><path d="M9.5 16a3.5 3.5 0 0 0 5 0" /><path d="M8.5 2c1.5 1 2.5 3.5 2.5 5" /><path d="M12.5 2c1.5 2 2 3.5 2 5" /><line x1="9" y1="12" x2="9.01" y2="12" /><line x1="15" y1="12" x2="15.01" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">mood-boy</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mood-confuzed" title="mood-confuzed">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 16a10 10 0 0 1 6 -1.5" /></svg>
                            <div class="mt-1 text-muted text-h5">mood-confuzed</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mood-crazy-happy" title="mood-crazy-happy">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="7" y1="8.5" x2="10" y2="11.5" /><path d="M7 11.5l3 -3" /><line x1="14" y1="8.5" x2="17" y2="11.5" /><path d="M14 11.5l3 -3" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /></svg>
                            <div class="mt-1 text-muted text-h5">mood-crazy-happy</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mood-cry" title="mood-cry">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" /><path d="M17.566 17.606a2 2 0 1 0 2.897 .03l-1.463 -1.636l-1.434 1.606z" /><path d="M20.865 13.517a8.937 8.937 0 0 0 .135 -1.517a9 9 0 1 0 -9 9c.69 0 1.36 -.076 2 -.222" /></svg>
                            <div class="mt-1 text-muted text-h5">mood-cry</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mood-happy" title="mood-happy">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="9.01" y2="9" /><line x1="15" y1="9" x2="15.01" y2="9" /><path d="M8 13a4 4 0 1 0 8 0m0 0h-8" /></svg>
                            <div class="mt-1 text-muted text-h5">mood-happy</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mood-kid" title="mood-kid">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /><path d="M12 3a2 2 0 0 0 0 4" /></svg>
                            <div class="mt-1 text-muted text-h5">mood-kid</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mood-neutral" title="mood-neutral">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><line x1="9" y1="15" x2="15" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">mood-neutral</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mood-sad" title="mood-sad">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" /></svg>
                            <div class="mt-1 text-muted text-h5">mood-sad</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mood-smile" title="mood-smile">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /></svg>
                            <div class="mt-1 text-muted text-h5">mood-smile</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mood-suprised" title="mood-suprised">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="9.01" y2="9" /><line x1="15" y1="9" x2="15.01" y2="9" /><circle cx="12" cy="15" r="2" /></svg>
                            <div class="mt-1 text-muted text-h5">mood-suprised</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mood-tongue" title="mood-tongue">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M10 14v2a2 2 0 0 0 4 0v-2m1.5 0h-7" /></svg>
                            <div class="mt-1 text-muted text-h5">mood-tongue</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="moon-2" title="moon-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.418 4.157a8 8 0 0 0 0 15.686" /><circle cx="12" cy="12" r="9" /></svg>
                            <div class="mt-1 text-muted text-h5">moon-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="moon-stars" title="moon-stars">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /><path d="M17 4a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2" /><path d="M19 11h2m-1 -1v2" /></svg>
                            <div class="mt-1 text-muted text-h5">moon-stars</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="moon" title="moon">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
                            <div class="mt-1 text-muted text-h5">moon</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="moped" title="moped">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="17" r="2" /><path d="M5 16v1a2 2 0 0 0 4 0v-5h-3a3 3 0 0 0 -3 3v1h10a6 6 0 0 1 5 -4v-5a2 2 0 0 0 -2 -2h-1" /><line x1="6" y1="9" x2="9" y2="9" /></svg>
                            <div class="mt-1 text-muted text-h5">moped</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mouse" title="mouse">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="4" width="10" height="16" rx="4" /><line x1="12" y1="8" x2="12" y2="11" /></svg>
                            <div class="mt-1 text-muted text-h5">mouse</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="movie" title="movie">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="8" y1="4" x2="8" y2="20" /><line x1="16" y1="4" x2="16" y2="20" /><line x1="4" y1="8" x2="8" y2="8" /><line x1="4" y1="16" x2="8" y2="16" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="16" y1="8" x2="20" y2="8" /><line x1="16" y1="16" x2="20" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">movie</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="mug" title="mug">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 6h10a1 1 0 0 1 1 1v8a4 4 0 0 1 -4 4h-4a4 4 0 0 1 -4 -4v-8a1 1 0 0 1 1 -1" /><path d="M16 9h2a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-2" /></svg>
                            <div class="mt-1 text-muted text-h5">mug</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="music" title="music">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="17" r="3" /><circle cx="16" cy="17" r="3" /><polyline points="9 17 9 4 19 4 19 17" /><line x1="9" y1="8" x2="19" y2="8" /></svg>
                            <div class="mt-1 text-muted text-h5">music</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="new-section" title="new-section">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /><path d="M4 6v-1a1 1 0 0 1 1 -1h1m5 0h2m5 0h1a1 1 0 0 1 1 1v1m0 5v2m0 5v1a1 1 0 0 1 -1 1h-1m-5 0h-2m-5 0h-1a1 1 0 0 1 -1 -1v-1m0 -5v-2m0 -5" /></svg>
                            <div class="mt-1 text-muted text-h5">new-section</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="news" title="news">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1 -4 0v-13a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1v12a3 3 0 0 0 3 3h11" /><line x1="8" y1="8" x2="12" y2="8" /><line x1="8" y1="12" x2="12" y2="12" /><line x1="8" y1="16" x2="12" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">news</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="note" title="note">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="13" y1="20" x2="20" y2="13" /><path d="M13 20v-6a1 1 0 0 1 1 -1h6v-7a2 2 0 0 0 -2 -2h-12a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7" /></svg>
                            <div class="mt-1 text-muted text-h5">note</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="notebook" title="notebook">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-11a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1m3 0v18" /><line x1="13" y1="8" x2="15" y2="8" /><line x1="13" y1="12" x2="15" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">notebook</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="notes" title="notes">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="2" /><line x1="9" y1="7" x2="15" y2="7" /><line x1="9" y1="11" x2="15" y2="11" /><line x1="9" y1="15" x2="13" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">notes</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="notification" title="notification">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 6h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><circle cx="17" cy="7" r="3" /></svg>
                            <div class="mt-1 text-muted text-h5">notification</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="number-0" title="number-0">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 16v-8" /><path d="M12 20a4 4 0 0 0 4 -4v-8a4 4 0 1 0 -8 0v8a4 4 0 0 0 4 4z" /></svg>
                            <div class="mt-1 text-muted text-h5">number-0</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="number-1" title="number-1">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 20v-16l-5 5" /></svg>
                            <div class="mt-1 text-muted text-h5">number-1</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="number-2" title="number-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8a4 4 0 1 1 8 0c0 1.098 -.564 2.025 -1.159 2.815l-6.841 9.185h8" /></svg>
                            <div class="mt-1 text-muted text-h5">number-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="number-3" title="number-3">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12a4 4 0 1 0 -4 -4" /><path d="M8 16a4 4 0 1 0 4 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">number-3</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="number-4" title="number-4">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 20v-15l-8 11h10" /></svg>
                            <div class="mt-1 text-muted text-h5">number-4</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="number-5" title="number-5">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 20h4a4 4 0 1 0 0 -8h-4v-8h8" /></svg>
                            <div class="mt-1 text-muted text-h5">number-5</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="number-6" title="number-6">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 16a4 4 0 1 0 8 0v-1a4 4 0 1 0 -8 0" /><path d="M16 8a4 4 0 1 0 -8 0v8" /></svg>
                            <div class="mt-1 text-muted text-h5">number-6</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="number-7" title="number-7">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 4h8l-4 16" /></svg>
                            <div class="mt-1 text-muted text-h5">number-7</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="number-8" title="number-8">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="8" r="4" /><circle cx="12" cy="16" r="4" /></svg>
                            <div class="mt-1 text-muted text-h5">number-8</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="number-9" title="number-9">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 8a4 4 0 1 0 -8 0v1a4 4 0 1 0 8 0" /><path d="M8 16a4 4 0 1 0 8 0v-8" /></svg>
                            <div class="mt-1 text-muted text-h5">number-9</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="octagon" title="octagon">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.7 3h6.6c.3 0 .5 .1 .7 .3l4.7 4.7c.2 .2 .3 .4 .3 .7v6.6c0 .3 -.1 .5 -.3 .7l-4.7 4.7c-.2 .2 -.4 .3 -.7 .3h-6.6c-.3 0 -.5 -.1 -.7 -.3l-4.7 -4.7c-.2 -.2 -.3 -.4 -.3 -.7v-6.6c0 -.3 .1 -.5 .3 -.7l4.7 -4.7c.2 -.2 .4 -.3 .7 -.3z" /></svg>
                            <div class="mt-1 text-muted text-h5">octagon</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="omega" title="omega">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 19h5v-1a7.35 7.35 0 1 1 6 0v1h5" /></svg>
                            <div class="mt-1 text-muted text-h5">omega</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="outlet" title="outlet">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><circle cx="9" cy="12" r=".5" fill="currentColor" /><circle cx="15" cy="12" r=".5" fill="currentColor" /></svg>
                            <div class="mt-1 text-muted text-h5">outlet</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="package" title="package">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
                            <div class="mt-1 text-muted text-h5">package</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="page-break" title="page-break">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M19 18v1a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-1" /><path d="M3 14h3m4.5 0h3m4.5 0h3" /><path d="M5 10v-5a2 2 0 0 1 2 -2h7l5 5v2" /></svg>
                            <div class="mt-1 text-muted text-h5">page-break</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="paint" title="paint">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="6" rx="2" /><path d="M19 6h1a2 2 0 0 1 2 2a5 5 0 0 1 -5 5l-5 0v2" /><rect x="10" y="15" width="4" height="6" rx="1" /></svg>
                            <div class="mt-1 text-muted text-h5">paint</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="palette" title="palette">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 21a9 9 0 1 1 0 -18a9 8 0 0 1 9 8a4.5 4 0 0 1 -4.5 4h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25" /><circle cx="7.5" cy="10.5" r=".5" fill="currentColor" /><circle cx="12" cy="7.5" r=".5" fill="currentColor" /><circle cx="16.5" cy="10.5" r=".5" fill="currentColor" /></svg>
                            <div class="mt-1 text-muted text-h5">palette</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="panorama-horizontal" title="panorama-horizontal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.338 5.53c5.106 1.932 10.211 1.932 15.317 .002a1 1 0 0 1 1.345 .934v11c0 .692 -.692 1.2 -1.34 .962c-5.107 -1.932 -10.214 -1.932 -15.321 0c-.648 .246 -1.339 -.242 -1.339 -.935v-11.027a1 1 0 0 1 1.338 -.935z" /></svg>
                            <div class="mt-1 text-muted text-h5">panorama-horizontal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="panorama-vertical" title="panorama-vertical">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.463 4.338c-1.932 5.106 -1.932 10.211 0 15.317a1 1 0 0 1 -.934 1.345h-11c-.692 0 -1.208 -.692 -.962 -1.34c1.932 -5.107 1.932 -10.214 0 -15.321c-.246 -.648 .243 -1.339 .935 -1.339h11.028c.693 0 1.18 .691 .935 1.338z" /></svg>
                            <div class="mt-1 text-muted text-h5">panorama-vertical</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="paperclip" title="paperclip">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 7l-6.5 6.5a1.5 1.5 0 0 0 3 3l6.5 -6.5a3 3 0 0 0 -6 -6l-6.5 6.5a4.5 4.5 0 0 0 9 9l6.5 -6.5" /></svg>
                            <div class="mt-1 text-muted text-h5">paperclip</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="parachute" title="parachute">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 12a10 10 0 1 0 -20 0" /><path d="M22 12c0 -1.66 -1.46 -3 -3.25 -3c-1.8 0 -3.25 1.34 -3.25 3c0 -1.66 -1.57 -3 -3.5 -3s-3.5 1.34 -3.5 3c0 -1.66 -1.46 -3 -3.25 -3c-1.8 0 -3.25 1.34 -3.25 3" /><path d="M2 12l10 10l-3.5 -10" /><path d="M15.5 12l-3.5 10l10 -10" /></svg>
                            <div class="mt-1 text-muted text-h5">parachute</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="parentheses" title="parentheses">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4a12.25 12.25 0 0 0 0 16" /><path d="M17 4a12.25 12.25 0 0 1 0 16" /></svg>
                            <div class="mt-1 text-muted text-h5">parentheses</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="parking" title="parking">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M9 16v-8h4a2 2 0 0 1 0 4h-4" /></svg>
                            <div class="mt-1 text-muted text-h5">parking</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="peace" title="peace">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="21" /><line x1="12" y1="12" x2="18.3" y2="18.3" /><line x1="12" y1="12" x2="5.7" y2="18.3" /></svg>
                            <div class="mt-1 text-muted text-h5">peace</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="pencil" title="pencil">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4" /><line x1="13.5" y1="6.5" x2="17.5" y2="10.5" /></svg>
                            <div class="mt-1 text-muted text-h5">pencil</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="pennant" title="pennant">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="12" y2="21" /><line x1="10" y1="21" x2="10" y2="3" /><path d="M10 4l9 4l-9 4" /></svg>
                            <div class="mt-1 text-muted text-h5">pennant</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="percentage" title="percentage">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="17" cy="17" r="1" /><circle cx="7" cy="7" r="1" /><line x1="6" y1="18" x2="18" y2="6" /></svg>
                            <div class="mt-1 text-muted text-h5">percentage</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="phone-call" title="phone-call">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M15 7a2 2 0 0 1 2 2" /><path d="M15 3a6 6 0 0 1 6 6" /></svg>
                            <div class="mt-1 text-muted text-h5">phone-call</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="phone-calling" title="phone-calling">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="15" y1="7" x2="15" y2="7.01" /><line x1="18" y1="7" x2="18" y2="7.01" /><line x1="21" y1="7" x2="21" y2="7.01" /></svg>
                            <div class="mt-1 text-muted text-h5">phone-calling</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="phone-check" title="phone-check">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M15 6l2 2l4 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">phone-check</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="phone-incoming" title="phone-incoming">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="15" y1="9" x2="20" y2="4" /><polyline points="15 5 15 9 19 9" /></svg>
                            <div class="mt-1 text-muted text-h5">phone-incoming</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="phone-off" title="phone-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="3" /><path d="M5.831 14.161a15.946 15.946 0 0 1 -2.831 -8.161a2 2 0 0 1 2 -2h4l2 5l-2.5 1.5c.108 .22 .223 .435 .345 .645m1.751 2.277c.843 .84 1.822 1.544 2.904 2.078l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a15.963 15.963 0 0 1 -10.344 -4.657" /></svg>
                            <div class="mt-1 text-muted text-h5">phone-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="phone-outgoing" title="phone-outgoing">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="15" y1="9" x2="20" y2="4" /><polyline points="16 4 20 4 20 8" /></svg>
                            <div class="mt-1 text-muted text-h5">phone-outgoing</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="phone-pause" title="phone-pause">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="20" y1="3" x2="20" y2="7" /><line x1="16" y1="3" x2="16" y2="7" /></svg>
                            <div class="mt-1 text-muted text-h5">phone-pause</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="phone-plus" title="phone-plus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M15 6h6m-3 -3v6" /></svg>
                            <div class="mt-1 text-muted text-h5">phone-plus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="phone-x" title="phone-x">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M16 4l4 4m0 -4l-4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">phone-x</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="phone" title="phone">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">phone</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="photo-off" title="photo-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><line x1="15" y1="8" x2="15.01" y2="8" /><path d="M19.121 19.122a3 3 0 0 1 -2.121 .878h-10a3 3 0 0 1 -3 -3v-10c0 -.833 .34 -1.587 .888 -2.131m3.112 -.869h9a3 3 0 0 1 3 3v9" /><path d="M4 15l4 -4c.928 -.893 2.072 -.893 3 0l5 5" /><path d="M16.32 12.34c.577 -.059 1.162 .162 1.68 .66l2 2" /></svg>
                            <div class="mt-1 text-muted text-h5">photo-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="photo" title="photo">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="8" x2="15.01" y2="8" /><rect x="4" y="4" width="16" height="16" rx="3" /><path d="M4 15l4 -4a3 5 0 0 1 3 0l5 5" /><path d="M14 14l1 -1a3 5 0 0 1 3 0l2 2" /></svg>
                            <div class="mt-1 text-muted text-h5">photo</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="picture-in-picture-off" title="picture-in-picture-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" /><rect x="14" y="14" width="7" height="5" rx="1" /><line x1="7" y1="9" x2="11" y2="13" /><path d="M7 12v-3h3" /></svg>
                            <div class="mt-1 text-muted text-h5">picture-in-picture-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="picture-in-picture-on" title="picture-in-picture-on">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" /><rect x="14" y="14" width="7" height="5" rx="1" /><line x1="7" y1="9" x2="11" y2="13" /><path d="M8 13h3v-3" /></svg>
                            <div class="mt-1 text-muted text-h5">picture-in-picture-on</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="picture-in-picture" title="picture-in-picture">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" /><rect x="14" y="14" width="7" height="5" rx="1" /></svg>
                            <div class="mt-1 text-muted text-h5">picture-in-picture</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="pill" title="pill">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.5 12.5l8 -8a4.94 4.94 0 0 1 7 7l-8 8a4.94 4.94 0 0 1 -7 -7" /><line x1="8.5" y1="8.5" x2="15.5" y2="15.5" /></svg>
                            <div class="mt-1 text-muted text-h5">pill</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="pin" title="pin">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 4.5l-4 4l-4 1.5l-1.5 1.5l7 7l1.5 -1.5l1.5 -4l4 -4" /><line x1="9" y1="15" x2="4.5" y2="19.5" /><line x1="14.5" y1="4" x2="20" y2="9.5" /></svg>
                            <div class="mt-1 text-muted text-h5">pin</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="pinned-off" title="pinned-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M15 4.5l-3.249 3.249m-2.57 1.433l-2.181 .818l-1.5 1.5l7 7l1.5 -1.5l.82 -2.186m1.43 -2.563l3.25 -3.251" /><line x1="9" y1="15" x2="4.5" y2="19.5" /><line x1="14.5" y1="4" x2="20" y2="9.5" /></svg>
                            <div class="mt-1 text-muted text-h5">pinned-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="pinned" title="pinned">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4v6l-2 4v2h10v-2l-2 -4v-6" /><line x1="12" y1="16" x2="12" y2="21" /><line x1="8" y1="4" x2="16" y2="4" /></svg>
                            <div class="mt-1 text-muted text-h5">pinned</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="pizza" title="pizza">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 21.5c-3.04 0 -5.952 -.714 -8.5 -1.983l8.5 -16.517l8.5 16.517a19.09 19.09 0 0 1 -8.5 1.983z" /><path d="M5.2 15.772a14.939 14.939 0 0 0 6.995 1.728a14.944 14.944 0 0 0 6.638 -1.545" /><line x1="13" y1="11.01" x2="13" y2="11" /><line x1="11" y1="14" x2="11" y2="13.99" /></svg>
                            <div class="mt-1 text-muted text-h5">pizza</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="plane-arrival" title="plane-arrival">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 12h5a2 2 0 0 1 0 4h-15l-3 -6h3l2 2h3l-2 -7h3z" transform="rotate(15 12 12) translate(0 -1)" /><line x1="3" y1="21" x2="21" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">plane-arrival</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="plane-departure" title="plane-departure">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 12h5a2 2 0 0 1 0 4h-15l-3 -6h3l2 2h3l-2 -7h3z" transform="rotate(-15 12 12) translate(0 -1)" /><line x1="3" y1="21" x2="21" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">plane-departure</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="plane" title="plane">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 10h4a2 2 0 0 1 0 4h-4l-4 7h-3l2 -7h-4l-2 2h-3l2 -4l-2 -4h3l2 2h4l-2 -7h3z" /></svg>
                            <div class="mt-1 text-muted text-h5">plane</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="planet" title="planet">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.816 13.58c2.292 2.138 3.546 4 3.092 4.9c-.745 1.46 -5.783 -.259 -11.255 -3.838c-5.47 -3.579 -9.304 -7.664 -8.56 -9.123c.464 -.91 2.926 -.444 5.803 .805" /><circle cx="12" cy="12" r="7" /></svg>
                            <div class="mt-1 text-muted text-h5">planet</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="plant-2" title="plant-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 9a10 10 0 1 0 20 0" /><path d="M12 19a10 10 0 0 1 10 -10" /><path d="M2 9a10 10 0 0 1 10 10" /><path d="M12 4a9.7 9.7 0 0 1 2.99 7.5" /><path d="M9.01 11.5a9.7 9.7 0 0 1 2.99 -7.5" /></svg>
                            <div class="mt-1 text-muted text-h5">plant-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="plant" title="plant">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 15h10v4a2 2 0 0 1 -2 2h-6a2 2 0 0 1 -2 -2v-4z" /><path d="M12 9a6 6 0 0 0 -6 -6h-3v2a6 6 0 0 0 6 6h3" /><path d="M12 11a6 6 0 0 1 6 -6h3v1a6 6 0 0 1 -6 6h-3" /><line x1="12" y1="15" x2="12" y2="9" /></svg>
                            <div class="mt-1 text-muted text-h5">plant</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="player-pause" title="player-pause">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="6" y="5" width="4" height="14" rx="1" /><rect x="14" y="5" width="4" height="14" rx="1" /></svg>
                            <div class="mt-1 text-muted text-h5">player-pause</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="player-play" title="player-play">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4v16l13 -8z" /></svg>
                            <div class="mt-1 text-muted text-h5">player-play</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="player-record" title="player-record">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="7" /></svg>
                            <div class="mt-1 text-muted text-h5">player-record</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="player-skip-back" title="player-skip-back">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 5v14l-12 -7z" /><line x1="4" y1="5" x2="4" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">player-skip-back</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="player-skip-forward" title="player-skip-forward">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 5v14l12 -7z" /><line x1="20" y1="5" x2="20" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">player-skip-forward</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="player-stop" title="player-stop">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="5" width="14" height="14" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">player-stop</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="player-track-next" title="player-track-next">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5v14l8 -7z" /><path d="M14 5v14l8 -7z" /></svg>
                            <div class="mt-1 text-muted text-h5">player-track-next</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="player-track-prev" title="player-track-prev">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 5v14l-8 -7z" /><path d="M10 5v14l-8 -7z" /></svg>
                            <div class="mt-1 text-muted text-h5">player-track-prev</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="plug" title="plug">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 7h10v6a3 3 0 0 1 -3 3h-4a3 3 0 0 1 -3 -3v-6" /><line x1="9" y1="3" x2="9" y2="7" /><line x1="15" y1="3" x2="15" y2="7" /><path d="M12 16v2a2 2 0 0 0 2 2h3" /></svg>
                            <div class="mt-1 text-muted text-h5">plug</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="plus" title="plus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">plus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="point" title="point">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /></svg>
                            <div class="mt-1 text-muted text-h5">point</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="pool" title="pool">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1" /><path d="M2 16a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1" /><path d="M15 12v-7.5a1.5 1.5 0 0 1 3 0" /><path d="M9 12v-7.5a1.5 1.5 0 0 0 -3 0" /><line x1="15" y1="5" x2="9" y2="5" /><line x1="9" y1="10" x2="15" y2="10" /></svg>
                            <div class="mt-1 text-muted text-h5">pool</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="power" title="power">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 6a7.75 7.75 0 1 0 10 0" /><line x1="12" y1="4" x2="12" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">power</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="pray" title="pray">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="1" /><path d="M7 20h8l-4 -4v-7l4 3l2 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">pray</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="presentation" title="presentation">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="4" x2="21" y2="4" /><path d="M4 4v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-10" /><line x1="12" y1="16" x2="12" y2="20" /><line x1="9" y1="20" x2="15" y2="20" /><path d="M8 12l3 -3l2 2l3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">presentation</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="printer" title="printer">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2" /><path d="M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4" /><rect x="7" y="13" width="10" height="8" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">printer</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="prompt" title="prompt">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 7 10 12 5 17" /><line x1="13" y1="17" x2="19" y2="17" /></svg>
                            <div class="mt-1 text-muted text-h5">prompt</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="puzzle" title="puzzle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
                            <div class="mt-1 text-muted text-h5">puzzle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="qrcode" title="qrcode">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><line x1="7" y1="17" x2="7" y2="17.01" /><rect x="14" y="4" width="6" height="6" rx="1" /><line x1="7" y1="7" x2="7" y2="7.01" /><rect x="4" y="14" width="6" height="6" rx="1" /><line x1="17" y1="7" x2="17" y2="7.01" /><line x1="14" y1="14" x2="17" y2="14" /><line x1="20" y1="14" x2="20" y2="14.01" /><line x1="14" y1="14" x2="14" y2="17" /><line x1="14" y1="20" x2="17" y2="20" /><line x1="17" y1="17" x2="20" y2="17" /><line x1="20" y1="17" x2="20" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">qrcode</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="question-mark" title="question-mark">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8a3.5 3 0 0 1 3.5 -3h1a3.5 3 0 0 1 3.5 3a3 3 0 0 1 -2 3a3 4 0 0 0 -2 4" /><line x1="12" y1="19" x2="12" y2="19.01" /></svg>
                            <div class="mt-1 text-muted text-h5">question-mark</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="radioactive" title="radioactive">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13.5 14.6l3 5.19a9 9 0 0 0 4.5 -7.79h-6a3 3 0 0 1 -1.5 2.6" /><path d="M13.5 9.4l3 -5.19a9 9 0 0 0 -9 0l3 5.19a3 3 0 0 1 3 0" /><path d="M10.5 14.6l-3 5.19a9 9 0 0 1 -4.5 -7.79h6a3 3 0 0 0 1.5 2.6" /></svg>
                            <div class="mt-1 text-muted text-h5">radioactive</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="rainbow" title="rainbow">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 17c0 -5.523 -4.477 -10 -10 -10s-10 4.477 -10 10" /><path d="M18 17a6 6 0 1 0 -12 0" /><path d="M14 17a2 2 0 1 0 -4 0" /></svg>
                            <div class="mt-1 text-muted text-h5">rainbow</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="receipt-2" title="receipt-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2" /><path d="M14 8h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5m2 0v1.5m0 -9v1.5" /></svg>
                            <div class="mt-1 text-muted text-h5">receipt-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="receipt-off" title="receipt-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 21v-16m2 -2h10a2 2 0 0 1 2 2v10m0 4.01v1.99l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2" /><line x1="11" y1="7" x2="15" y2="7" /><line x1="9" y1="11" x2="11" y2="11" /><line x1="13" y1="15" x2="15" y2="15" /><line x1="15" y1="11" x2="15" y2="11.01" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">receipt-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="receipt-refund" title="receipt-refund">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2" /><path d="M15 14v-2a2 2 0 0 0 -2 -2h-4l2 -2m0 4l-2 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">receipt-refund</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="receipt-tax" title="receipt-tax">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="14" x2="15" y2="8" /><circle cx="9.5" cy="8.5" r=".5" fill="currentColor" /><circle cx="14.5" cy="13.5" r=".5" fill="currentColor" /><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2" /></svg>
                            <div class="mt-1 text-muted text-h5">receipt-tax</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="receipt" title="receipt">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2m4 -14h6m-6 4h6m-2 4h2" /></svg>
                            <div class="mt-1 text-muted text-h5">receipt</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="record-mail" title="record-mail">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="12" r="3" /><circle cx="17" cy="12" r="3" /><line x1="7" y1="15" x2="17" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">record-mail</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="rectangle-vertical" title="rectangle-vertical">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">rectangle-vertical</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="rectangle" title="rectangle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">rectangle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="recycle" title="recycle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17l-2 2l2 2m-2 -2h9a2 2 0 0 0 1.75 -2.75l-.55 -1" /><path d="M12 17l-2 2l2 2m-2 -2h9a2 2 0 0 0 1.75 -2.75l-.55 -1" transform="rotate(120 12 13)" /><path d="M12 17l-2 2l2 2m-2 -2h9a2 2 0 0 0 1.75 -2.75l-.55 -1" transform="rotate(240 12 13)" /></svg>
                            <div class="mt-1 text-muted text-h5">recycle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="refresh-alert" title="refresh-alert">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" /><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" /><line x1="12" y1="9" x2="12" y2="12" /><line x1="12" y1="15" x2="12.01" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">refresh-alert</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="refresh" title="refresh">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" /><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" /></svg>
                            <div class="mt-1 text-muted text-h5">refresh</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="registered" title="registered">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 16v-8h4a2 2 0 0 1 0 4h-4m3 0l3 4" /></svg>
                            <div class="mt-1 text-muted text-h5">registered</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="relation-many-to-many" title="relation-many-to-many">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M15 14v-4l3 4v-4" /><path d="M6 14v-4l3 4v-4" /><line x1="12" y1="10.5" x2="12" y2="10.51" /><line x1="12" y1="13.5" x2="12" y2="13.51" /></svg>
                            <div class="mt-1 text-muted text-h5">relation-many-to-many</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="relation-one-to-many" title="relation-one-to-many">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 10h1v4" /><path d="M14 14v-4l3 4v-4" /><line x1="11" y1="10.5" x2="11" y2="10.51" /><line x1="11" y1="13.5" x2="11" y2="13.51" /></svg>
                            <div class="mt-1 text-muted text-h5">relation-one-to-many</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="relation-one-to-one" title="relation-one-to-one">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M8 10h1v4" /><path d="M15 10h1v4" /><line x1="12" y1="10.5" x2="12" y2="10.51" /><line x1="12" y1="13.5" x2="12" y2="13.51" /></svg>
                            <div class="mt-1 text-muted text-h5">relation-one-to-one</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="repeat-once" title="repeat-once">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3" /><path d="M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3 -3l3 -3" /><path d="M11 11l1 -1v4" /></svg>
                            <div class="mt-1 text-muted text-h5">repeat-once</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="repeat" title="repeat">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3" /><path d="M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3 -3l3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">repeat</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="replace" title="replace">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="3" width="6" height="6" rx="1" /><rect x="15" y="15" width="6" height="6" rx="1" /><path d="M21 11v-3a2 2 0 0 0 -2 -2h-6l3 3m0 -6l-3 3" /><path d="M3 13v3a2 2 0 0 0 2 2h6l-3 -3m0 6l3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">replace</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="ripple" title="ripple">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7c3 -2 6 -2 9 0s6 2 9 0" /><path d="M3 17c3 -2 6 -2 9 0s6 2 9 0" /><path d="M3 12c3 -2 6 -2 9 0s6 2 9 0" /></svg>
                            <div class="mt-1 text-muted text-h5">ripple</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="road-sign" title="road-sign">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.5 20.4l-6.9 -6.9c-.781 -.781 -.781 -2.219 0 -3l6.9 -6.9c.781 -.781 2.219 -.781 3 0l6.9 6.9c.781 .781 .781 2.219 0 3l-6.9 6.9c-.781 .781 -2.219 .781 -3 0z" /><path d="M9 14v-2c0 -.59 .414 -1 1 -1h5" /><path d="M13 9l2 2l-2 2" /></svg>
                            <div class="mt-1 text-muted text-h5">road-sign</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="rocket" title="rocket">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 13a8 8 0 0 1 7 7a6 6 0 0 0 3 -5a9 9 0 0 0 6 -8a3 3 0 0 0 -3 -3a9 9 0 0 0 -8 6a6 6 0 0 0 -5 3" /><path d="M7 14a6 6 0 0 0 -3 6a6 6 0 0 0 6 -3" /><circle cx="15" cy="9" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">rocket</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="rotate-2" title="rotate-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 4.55a8 8 0 0 0 -6 14.9m0 -4.45v5h-5" /><line x1="18.37" y1="7.16" x2="18.37" y2="7.17" /><line x1="13" y1="19.94" x2="13" y2="19.95" /><line x1="16.84" y1="18.37" x2="16.84" y2="18.38" /><line x1="19.37" y1="15.1" x2="19.37" y2="15.11" /><line x1="19.94" y1="11" x2="19.94" y2="11.01" /></svg>
                            <div class="mt-1 text-muted text-h5">rotate-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="rotate-clockwise-2" title="rotate-clockwise-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4.55a8 8 0 0 1 6 14.9m0 -4.45v5h5" /><line x1="5.63" y1="7.16" x2="5.63" y2="7.17" /><line x1="4.06" y1="11" x2="4.06" y2="11.01" /><line x1="4.63" y1="15.1" x2="4.63" y2="15.11" /><line x1="7.16" y1="18.37" x2="7.16" y2="18.38" /><line x1="11" y1="19.94" x2="11" y2="19.95" /></svg>
                            <div class="mt-1 text-muted text-h5">rotate-clockwise-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="rotate-clockwise" title="rotate-clockwise">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" /></svg>
                            <div class="mt-1 text-muted text-h5">rotate-clockwise</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="rotate-rectangle" title="rotate-rectangle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.3 5h.7a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h5l-2.82 -2.82m0 5.64l2.82 -2.82" transform="rotate(-45 12 12)" /></svg>
                            <div class="mt-1 text-muted text-h5">rotate-rectangle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="rotate" title="rotate">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.95 11a8 8 0 1 0 -.5 4m.5 5v-5h-5" /></svg>
                            <div class="mt-1 text-muted text-h5">rotate</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="route" title="route">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="19" r="2" /><circle cx="18" cy="5" r="2" /><path d="M12 19h4.5a3.5 3.5 0 0 0 0 -7h-8a3.5 3.5 0 0 1 0 -7h3.5" /></svg>
                            <div class="mt-1 text-muted text-h5">route</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="router" title="router">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="13" width="18" height="8" rx="2" /><line x1="17" y1="17" x2="17" y2="17.01" /><line x1="13" y1="17" x2="13" y2="17.01" /><line x1="15" y1="13" x2="15" y2="11" /><path d="M11.75 8.75a4 4 0 0 1 6.5 0" /><path d="M8.5 6.5a8 8 0 0 1 13 0" /></svg>
                            <div class="mt-1 text-muted text-h5">router</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="rss" title="rss">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="19" r="1" /><path d="M4 4a16 16 0 0 1 16 16" /><path d="M4 11a9 9 0 0 1 9 9" /></svg>
                            <div class="mt-1 text-muted text-h5">rss</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="ruler" title="ruler">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h14a1 1 0 0 1 1 1v5a1 1 0 0 1 -1 1h-7a1 1 0 0 0 -1 1v7a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1" /><line x1="4" y1="8" x2="6" y2="8" /><line x1="4" y1="12" x2="7" y2="12" /><line x1="4" y1="16" x2="6" y2="16" /><line x1="8" y1="4" x2="8" y2="6" /><polyline points="12 4 12 7 " /><polyline points="16 4 16 6 " /></svg>
                            <div class="mt-1 text-muted text-h5">ruler</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="run" title="run">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="13" cy="4" r="1" /><path d="M4 17l5 1l.75 -1.5" /><path d="M15 21l0 -4l-4 -3l1 -6" /><path d="M7 12l0 -3l5 -1l3 3l3 1" /></svg>
                            <div class="mt-1 text-muted text-h5">run</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="sailboat" title="sailboat">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1" /><path d="M4 18l-1 -3h18l-1 3" /><path d="M11 12h7l-7 -9v9" /><line x1="8" y1="7" x2="6" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">sailboat</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="scale" title="scale">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="21" /><line x1="9" y1="21" x2="15" y2="21" /><polyline points="3 6 6 7 12 5 18 7 21 6" /><path d="M6 7l-3 9a5 5 0 0 0 6 0l-3 -9" /><path d="M18 7l-3 9a5 5 0 0 0 6 0l-3 -9" /></svg>
                            <div class="mt-1 text-muted text-h5">scale</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="scan" title="scan">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7v-1a2 2 0 0 1 2 -2h2" /><path d="M4 17v1a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v1" /><path d="M16 20h2a2 2 0 0 0 2 -2v-1" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">scan</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="school" title="school">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 9l-10 -4l-10 4l10 4l10 -4v6" /><path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4" /></svg>
                            <div class="mt-1 text-muted text-h5">school</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="scissors" title="scissors">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="7" r="3" /><circle cx="6" cy="17" r="3" /><line x1="8.6" y1="8.6" x2="19" y2="19" /><line x1="8.6" y1="15.4" x2="19" y2="5" /></svg>
                            <div class="mt-1 text-muted text-h5">scissors</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="scooter-electric" title="scooter-electric">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="17" r="2" /><circle cx="6" cy="17" r="2" /><path d="M8 17h5a6 6 0 0 1 5 -5v-5a2 2 0 0 0 -2 -2h-1" /><path d="M10 4l-2 4h3l-2 4" /></svg>
                            <div class="mt-1 text-muted text-h5">scooter-electric</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="scooter" title="scooter">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="17" r="2" /><circle cx="6" cy="17" r="2" /><path d="M8 17h5a6 6 0 0 1 5 -5v-5a2 2 0 0 0 -2 -2h-1" /></svg>
                            <div class="mt-1 text-muted text-h5">scooter</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="screen-share-off" title="screen-share-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 12v3a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10a1 1 0 0 1 1 -1h9" /><line x1="7" y1="20" x2="17" y2="20" /><line x1="9" y1="16" x2="9" y2="20" /><line x1="15" y1="16" x2="15" y2="20" /><path d="M17 8l4 -4m-4 0l4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">screen-share-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="screen-share" title="screen-share">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 12v3a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10a1 1 0 0 1 1 -1h9" /><line x1="7" y1="20" x2="17" y2="20" /><line x1="9" y1="16" x2="9" y2="20" /><line x1="15" y1="16" x2="15" y2="20" /><path d="M17 4h4v4" /><path d="M16 9l5 -5" /></svg>
                            <div class="mt-1 text-muted text-h5">screen-share</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="search" title="search">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">search</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="seeding" title="seeding">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 10a6 6 0 0 0 -6 -6h-3v2a6 6 0 0 0 6 6h3" /><path d="M12 14a6 6 0 0 1 6 -6h3v1a6 6 0 0 1 -6 6h-3" /><line x1="12" y1="20" x2="12" y2="10" /></svg>
                            <div class="mt-1 text-muted text-h5">seeding</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="select" title="select">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M9 11l3 3l3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">select</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="selector" title="selector">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 9 12 5 16 9" /><polyline points="16 15 12 19 8 15" /></svg>
                            <div class="mt-1 text-muted text-h5">selector</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="send" title="send">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="10" y1="14" x2="21" y2="3" /><path d="M21 3l-6.5 18a0.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a0.55 .55 0 0 1 0 -1l18 -6.5" /></svg>
                            <div class="mt-1 text-muted text-h5">send</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="separator-horizontal" title="separator-horizontal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="20" y2="12" /><polyline points="8 8 12 4 16 8" /><polyline points="16 16 12 20 8 16" /></svg>
                            <div class="mt-1 text-muted text-h5">separator-horizontal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="separator-vertical" title="separator-vertical">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="20" /><polyline points="8 8 4 12 8 16" /><polyline points="16 16 20 12 16 8" /></svg>
                            <div class="mt-1 text-muted text-h5">separator-vertical</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="separator" title="separator">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="12" x2="3" y2="12.01" /><line x1="7" y1="12" x2="17" y2="12" /><line x1="21" y1="12" x2="21" y2="12.01" /></svg>
                            <div class="mt-1 text-muted text-h5">separator</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="server" title="server">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="8" rx="3" /><rect x="3" y="12" width="18" height="8" rx="3" /><line x1="7" y1="8" x2="7" y2="8.01" /><line x1="7" y1="16" x2="7" y2="16.01" /></svg>
                            <div class="mt-1 text-muted text-h5">server</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="servicemark" title="servicemark">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 9h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5" /><path d="M13 15v-6l3 4l3 -4v6" /></svg>
                            <div class="mt-1 text-muted text-h5">servicemark</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="settings" title="settings">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
                            <div class="mt-1 text-muted text-h5">settings</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="shape" title="shape">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="5" r="2" /><circle cx="19" cy="5" r="2" /><circle cx="5" cy="19" r="2" /><circle cx="19" cy="19" r="2" /><line x1="5" y1="7" x2="5" y2="17" /><line x1="7" y1="5" x2="17" y2="5" /><line x1="7" y1="19" x2="17" y2="19" /><line x1="19" y1="7" x2="19" y2="17" /></svg>
                            <div class="mt-1 text-muted text-h5">shape</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="share" title="share">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="12" r="3" /><circle cx="18" cy="6" r="3" /><circle cx="18" cy="18" r="3" /><line x1="8.7" y1="10.7" x2="15.3" y2="7.3" /><line x1="8.7" y1="13.3" x2="15.3" y2="16.7" /></svg>
                            <div class="mt-1 text-muted text-h5">share</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="shield-check" title="shield-check">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 12l2 2l4 -4" /><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">shield-check</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="shield-lock" title="shield-lock">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /><circle cx="12" cy="11" r="1" /><line x1="12" y1="12" x2="12" y2="14.5" /></svg>
                            <div class="mt-1 text-muted text-h5">shield-lock</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="shield-off" title="shield-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17.669 17.669a12 12 0 0 1 -5.669 3.331a12 12 0 0 1 -8.5 -15c.797 .036 1.589 0 2.366 -.126m3.092 -.912a12 12 0 0 0 3.042 -1.962a12 12 0 0 0 8.5 3a12 12 0 0 1 -1.117 9.379" /></svg>
                            <div class="mt-1 text-muted text-h5">shield-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="shield-x" title="shield-x">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /><path d="M10 10l4 4m0 -4l-4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">shield-x</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="shield" title="shield">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">shield</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="ship" title="ship">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1" /><path d="M4 18l-1 -5h18l-2 4" /><path d="M5 13v-6h8l4 6" /><path d="M7 7v-4h-1" /></svg>
                            <div class="mt-1 text-muted text-h5">ship</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="shirt" title="shirt">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 4l6 2v5h-3v8a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1v-8h-3v-5l6 -2a3 3 0 0 0 6 0" /></svg>
                            <div class="mt-1 text-muted text-h5">shirt</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="shopping-cart" title="shopping-cart">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
                            <div class="mt-1 text-muted text-h5">shopping-cart</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="sitemap" title="sitemap">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="15" width="6" height="6" rx="2" /><rect x="15" y="15" width="6" height="6" rx="2" /><rect x="9" y="3" width="6" height="6" rx="2" /><path d="M6 15v-1a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v1" /><line x1="12" y1="9" x2="12" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">sitemap</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="skateboard" title="skateboard">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="15" r="2" /><circle cx="17" cy="15" r="2" /><path d="M3 9a2 1 0 0 0 2 1h14a2 1 0 0 0 2 -1" /></svg>
                            <div class="mt-1 text-muted text-h5">skateboard</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="slice" title="slice">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 19l15 -15l3 3l-6 6l2 2a14 14 0 0 1 -14 4" /></svg>
                            <div class="mt-1 text-muted text-h5">slice</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="slideshow" title="slideshow">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="6" x2="15.01" y2="6" /><rect x="3" y="3" width="18" height="14" rx="3" /><path d="M3 13l4 -4a3 5 0 0 1 3 0l4 4" /><path d="M13 12l2 -2a3 5 0 0 1 3 0l3 3" /><line x1="8" y1="21" x2="8.01" y2="21" /><line x1="12" y1="21" x2="12.01" y2="21" /><line x1="16" y1="21" x2="16.01" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">slideshow</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="smart-home" title="smart-home">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 8.71l-5.333 -4.148a2.666 2.666 0 0 0 -3.274 0l-5.334 4.148a2.665 2.665 0 0 0 -1.029 2.105v7.2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-7.2c0 -.823 -.38 -1.6 -1.03 -2.105" /><path d="M16 15c-2.21 1.333 -5.792 1.333 -8 0" /></svg>
                            <div class="mt-1 text-muted text-h5">smart-home</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="smoking-no" title="smoking-no">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="13" x2="8" y2="17" /><path d="M16 5v.5a2 2 0 0 0 2 2a2 2 0 0 1 2 2v.5" /><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 13h3a1 1 0 0 1 1 1v2c0 .28 -.115 .533 -.3 .714m-3.7 .286h-13a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1h9" /></svg>
                            <div class="mt-1 text-muted text-h5">smoking-no</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="smoking" title="smoking">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="13" width="18" height="4" rx="1" /><line x1="8" y1="13" x2="8" y2="17" /><path d="M16 5v.5a2 2 0 0 0 2 2a2 2 0 0 1 2 2v.5" /></svg>
                            <div class="mt-1 text-muted text-h5">smoking</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="snowflake" title="snowflake">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(60 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(120 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(180 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(240 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(300 12 12)" /></svg>
                            <div class="mt-1 text-muted text-h5">snowflake</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="soccer-field" title="soccer-field">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><path d="M3 9h3v6h-3z" /><path d="M18 9h3v6h-3z" /><rect x="3" y="5" width="18" height="14" rx="2" /><line x1="12" y1="5" x2="12" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">soccer-field</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="social" title="social">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><circle cx="5" cy="19" r="2" /><circle cx="19" cy="19" r="2" /><circle cx="12" cy="14" r="3" /><line x1="12" y1="7" x2="12" y2="11" /><line x1="6.7" y1="17.8" x2="9.5" y2="15.8" /><line x1="17.3" y1="17.8" x2="14.5" y2="15.8" /></svg>
                            <div class="mt-1 text-muted text-h5">social</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="sort-ascending" title="sort-ascending">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="11" y2="6" /><line x1="4" y1="12" x2="11" y2="12" /><line x1="4" y1="18" x2="13" y2="18" /><polyline points="15 9 18 6 21 9" /><line x1="18" y1="6" x2="18" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">sort-ascending</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="sort-descending" title="sort-descending">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="13" y2="6" /><line x1="4" y1="12" x2="11" y2="12" /><line x1="4" y1="18" x2="11" y2="18" /><polyline points="15 15 18 18 21 15" /><line x1="18" y1="6" x2="18" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">sort-descending</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="space" title="space">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 10v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1 -1v-3" /></svg>
                            <div class="mt-1 text-muted text-h5">space</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="speakerphone" title="speakerphone">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 8a3 3 0 0 1 0 6" /><path d="M10 8v11a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1 -1v-5" /><path d="M12 8h0l4.524 -3.77a0.9 .9 0 0 1 1.476 .692v12.156a0.9 .9 0 0 1 -1.476 .692l-4.524 -3.77h-8a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h8" /></svg>
                            <div class="mt-1 text-muted text-h5">speakerphone</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="speedboat" title="speedboat">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h13.4a3 3 0 0 0 2.5 -1.34l3.1 -4.66h0h-6.23a4 4 0 0 0 -1.49 .29l-3.56 1.42a4 4 0 0 1 -1.49 .29h-3.73h0h-1l-1.5 4z" /><line x1="6" y1="13" x2="7.5" y2="8" /><path d="M6 8h8l2 3" /></svg>
                            <div class="mt-1 text-muted text-h5">speedboat</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="square-check" title="square-check">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M9 12l2 2l4 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">square-check</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="square-dot" title="square-dot">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><circle cx="12" cy="12" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">square-dot</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="square-forbid-2" title="square-forbid-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="15" x2="15" y2="9" /></svg>
                            <div class="mt-1 text-muted text-h5">square-forbid-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="square-forbid" title="square-forbid">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="9" x2="15" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">square-forbid</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="square-minus" title="square-minus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="12" x2="15" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">square-minus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="square-plus" title="square-plus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">square-plus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="square-rotated" title="square-rotated">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.5 20.4l-6.9 -6.9c-.781 -.781 -.781 -2.219 0 -3l6.9 -6.9c.781 -.781 2.219 -.781 3 0l6.9 6.9c.781 .781 .781 2.219 0 3l-6.9 6.9c-.781 .781 -2.219 .781 -3 0z" /></svg>
                            <div class="mt-1 text-muted text-h5">square-rotated</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="square-x" title="square-x">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M10 10l4 4m0 -4l-4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">square-x</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="square" title="square">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">square</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="stack" title="stack">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 4 4 8 12 12 20 8 12 4" /><polyline points="4 12 12 16 20 12" /><polyline points="4 16 12 20 20 16" /></svg>
                            <div class="mt-1 text-muted text-h5">stack</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="stairs-down" title="stairs-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4v-4h4v-4h4v-4h4" /><path d="M11 4l-7 7v-4m4 4h-4" /></svg>
                            <div class="mt-1 text-muted text-h5">stairs-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="stairs-up" title="stairs-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4v-4h4v-4h4v-4h4" /><path d="M4 11l7 -7v4m-4 -4h4" /></svg>
                            <div class="mt-1 text-muted text-h5">stairs-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="stairs" title="stairs">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 18h4v-4h4v-4h4v-4h4" /></svg>
                            <div class="mt-1 text-muted text-h5">stairs</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="star-half" title="star-half">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253z" /></svg>
                            <div class="mt-1 text-muted text-h5">star-half</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="star-off" title="star-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M10.012 6.016l1.981 -4.014l3.086 6.253l6.9 1l-4.421 4.304m.012 4.01l.588 3.426l-6.158 -3.245l-6.172 3.245l1.179 -6.873l-5 -4.867l6.327 -.917" /></svg>
                            <div class="mt-1 text-muted text-h5">star-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="star" title="star">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
                            <div class="mt-1 text-muted text-h5">star</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="stars" title="stars">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.8 19.817l-2.172 1.138a0.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a0.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a0.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a0.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a0.39 .39 0 0 1 -.567 .411l-2.172 -1.138z" /><path d="M6.2 19.817l-2.172 1.138a0.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a0.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a0.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a0.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a0.39 .39 0 0 1 -.567 .411l-2.172 -1.138z" /><path d="M12 9.817l-2.172 1.138a0.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a0.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a0.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a0.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a0.39 .39 0 0 1 -.567 .411l-2.172 -1.138z" /></svg>
                            <div class="mt-1 text-muted text-h5">stars</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="steering-wheel" title="steering-wheel">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="2" /><line x1="12" y1="14" x2="12" y2="21" /><line x1="10" y1="12" x2="3.25" y2="10" /><line x1="14" y1="12" x2="20.75" y2="10" /></svg>
                            <div class="mt-1 text-muted text-h5">steering-wheel</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="step-into" title="step-into">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="15" /><line x1="16" y1="11" x2="12" y2="15" /><line x1="8" y1="11" x2="12" y2="15" /><circle cx="12" cy="20" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">step-into</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="step-out" title="step-out">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="15" /><line x1="16" y1="7" x2="12" y2="3" /><line x1="8" y1="7" x2="12" y2="3" /><circle cx="12" cy="20" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">step-out</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="stethoscope" title="stethoscope">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4h-1a2 2 0 0 0 -2 2v3.5h0a5.5 5.5 0 0 0 11 0v-3.5a2 2 0 0 0 -2 -2h-1" /><path d="M8 15a6 6 0 1 0 12 0v-3" /><path  d="M11 3v2" /><path  d="M6 3v2" /><circle cx="20" cy="10" r="2" /></svg>
                            <div class="mt-1 text-muted text-h5">stethoscope</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="sticker" title="sticker">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 12l-2 .5a6 6 0 0 1 -6.5 -6.5l.5 -2l8 8" /><path d="M20 12a8 8 0 1 1 -8 -8" /></svg>
                            <div class="mt-1 text-muted text-h5">sticker</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="strikethrough" title="strikethrough">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><path d="M16 6.5a4 2 0 0 0 -4 -1.5h-1a3.5 3.5 0 0 0 0 7" /><path d="M16.5 16a3.5 3.5 0 0 1 -3.5 3h-1.5a4 2 0 0 1 -4 -1.5" /></svg>
                            <div class="mt-1 text-muted text-h5">strikethrough</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="submarine" title="submarine">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 11v6h2l1 -1.5l3 1.5h10a3 3 0 0 0 0 -6h-10h0l-3 1.5l-1 -1.5h-2z" /><path d="M17 11l-1 -3h-5l-1 3" /><path d="M13 8v-2a1 1 0 0 1 1 -1h1" /></svg>
                            <div class="mt-1 text-muted text-h5">submarine</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="subscript" title="subscript">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l8 10m-8 0l8 -10" /><path d="M21 20h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">subscript</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="subtask" title="subtask">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="9" x2="12" y2="9" /><line x1="4" y1="5" x2="8" y2="5" /><path d="M6 5v11a1 1 0 0 0 1 1h5" /><rect x="12" y="7" width="8" height="4" rx="1" /><rect x="12" y="15" width="8" height="4" rx="1" /></svg>
                            <div class="mt-1 text-muted text-h5">subtask</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="sum" title="sum">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>
                            <div class="mt-1 text-muted text-h5">sum</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="sun-off" title="sun-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M16 12a4 4 0 0 0 -4 -4m-2.834 1.177a4 4 0 0 0 5.66 5.654" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
                            <div class="mt-1 text-muted text-h5">sun-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="sun" title="sun">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
                            <div class="mt-1 text-muted text-h5">sun</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="sunset" title="sunset">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h1m16 0h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7m-9.7 5.7a4 4 0 0 1 8 0" /><line x1="3" y1="21" x2="21" y2="21" /><path d="M12 9v-6l3 3m-6 0l3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">sunset</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="sunshine" title="sunshine">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h1m16 0h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7m-9.7 5.7a4 4 0 0 1 8 0" /><line x1="3" y1="21" x2="21" y2="21" /><path d="M12 3v6l3 -3m-6 0l3 3" /></svg>
                            <div class="mt-1 text-muted text-h5">sunshine</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="superscript" title="superscript">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l8 10m-8 0l8 -10" /><path d="M21 11h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">superscript</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="swimming" title="swimming">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="16" cy="9" r="1" /><path d="M6 11l4 -2l3.5 3l-1.5 2" /><path d="M3 16.75a2.4 2.4 0 0 0 1 .25a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 1 -.25" /></svg>
                            <div class="mt-1 text-muted text-h5">swimming</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="switch-2" title="switch-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h5l1.67 -2.386m3.66 -5.227l1.67 -2.387h6" /><path d="M18 4l3 3l-3 3" /><path d="M3 7h5l7 10h6" /><path d="M18 20l3 -3l-3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">switch-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="switch-3" title="switch-3">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h2.397a5 5 0 0 0 4.096 -2.133l.177 -.253m3.66 -5.227l.177 -.254a5 5 0 0 1 4.096 -2.133h3.397" /><path d="M18 4l3 3l-3 3" /><path d="M3 7h2.397a5 5 0 0 1 4.096 2.133l4.014 5.734a5 5 0 0 0 4.096 2.133h3.397" /><path d="M18 20l3 -3l-3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">switch-3</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="switch-horizontal" title="switch-horizontal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 3 20 7 16 11" /><line x1="10" y1="7" x2="20" y2="7" /><polyline points="8 13 4 17 8 21" /><line x1="4" y1="17" x2="13" y2="17" /></svg>
                            <div class="mt-1 text-muted text-h5">switch-horizontal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="switch-vertical" title="switch-vertical">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 8 7 4 11 8" /><line x1="7" y1="4" x2="7" y2="13" /><polyline points="13 16 17 20 21 16" /><line x1="17" y1="10" x2="17" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">switch-vertical</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="switch" title="switch">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 4 19 4 19 8" /><line x1="14.75" y1="9.25" x2="19" y2="4" /><line x1="5" y1="19" x2="9" y2="15" /><polyline points="15 19 19 19 19 15" /><line x1="5" y1="5" x2="19" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">switch</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="table" title="table">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="10" x2="20" y2="10" /><line x1="10" y1="4" x2="10" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">table</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="tag" title="tag">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 3l9 9a1.5 1.5 0 0 1 0 2l-6 6a1.5 1.5 0 0 1 -2 0l-9 -9v-4a4 4 0 0 1 4 -4h4" /><circle cx="9" cy="9" r="2" /></svg>
                            <div class="mt-1 text-muted text-h5">tag</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="tallymark-1" title="tallymark-1">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">tallymark-1</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="tallymark-2" title="tallymark-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="10" y1="5" x2="10" y2="19" /><line x1="14" y1="5" x2="14" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">tallymark-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="tallymark-3" title="tallymark-3">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="5" x2="8" y2="19" /><line x1="12" y1="5" x2="12" y2="19" /><line x1="16" y1="5" x2="16" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">tallymark-3</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="tallymark-4" title="tallymark-4">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="5" x2="6" y2="19" /><line x1="10" y1="5" x2="10" y2="19" /><line x1="14" y1="5" x2="14" y2="19" /><line x1="18" y1="5" x2="18" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">tallymark-4</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="tallymarks" title="tallymarks">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="5" x2="6" y2="19" /><line x1="10" y1="5" x2="10" y2="19" /><line x1="14" y1="5" x2="14" y2="19" /><line x1="18" y1="5" x2="18" y2="19" /><line x1="3" y1="17" x2="21" y2="7" /></svg>
                            <div class="mt-1 text-muted text-h5">tallymarks</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="tank" title="tank">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="12" width="18" height="6" rx="3" /><path d="M6 12l1 -5h5l3 5" /><line x1="21" y1="9" x2="13.2" y2="9" /></svg>
                            <div class="mt-1 text-muted text-h5">tank</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="target" title="target">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="1" /><circle cx="12" cy="12" r="5" /><circle cx="12" cy="12" r="9" /></svg>
                            <div class="mt-1 text-muted text-h5">target</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="temperature-celsius" title="temperature-celsius">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="8" r="2" /><path d="M20 9a3 3 0 0 0 -3 -3h-1a3 3 0 0 0 -3 3v6a3 3 0 0 0 3 3h1a3 3 0 0 0 3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">temperature-celsius</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="temperature-fahrenheit" title="temperature-fahrenheit">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="8" r="2" /><line x1="13" y1="12" x2="18" y2="12" /><path d="M20 6h-6a1 1 0 0 0 -1 1v11" /></svg>
                            <div class="mt-1 text-muted text-h5">temperature-fahrenheit</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="temperature-minus" title="temperature-minus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5" /><line x1="8" y1="9" x2="12" y2="9" /><line x1="16" y1="9" x2="22" y2="9" /></svg>
                            <div class="mt-1 text-muted text-h5">temperature-minus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="temperature-plus" title="temperature-plus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5" /><line x1="8" y1="9" x2="12" y2="9" /><line x1="16" y1="9" x2="22" y2="9" /><line x1="19" y1="6" x2="19" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">temperature-plus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="temperature" title="temperature">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5" /><line x1="10" y1="9" x2="14" y2="9" /></svg>
                            <div class="mt-1 text-muted text-h5">temperature</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="template" title="template">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="4" rx="1" /><rect x="4" y="12" width="6" height="8" rx="1" /><line x1="14" y1="12" x2="20" y2="12" /><line x1="14" y1="16" x2="20" y2="16" /><line x1="14" y1="20" x2="20" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">template</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="terminal-2" title="terminal-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="3" y="4" width="18" height="16" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">terminal-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="terminal" title="terminal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><line x1="12" y1="19" x2="19" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">terminal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="test-pipe" title="test-pipe">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 4l3 3l-12.35 12.35a1.5 1.5 0 0 1 -3 -3l12.35 -12.35" /><line x1="10" y1="10" x2="16" y2="10" /><path d="M19 15l1.5 1.6a2 2 0 1 1 -3 0l1.5 -1.6" /></svg>
                            <div class="mt-1 text-muted text-h5">test-pipe</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="text-wrap-disabled" title="text-wrap-disabled">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="14" y2="6" /><line x1="4" y1="18" x2="14" y2="18" /><path d="M4 12h17l-3 -3m0 6l3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">text-wrap-disabled</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="text-wrap" title="text-wrap">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="18" x2="9" y2="18" /><path d="M4 12h13a3 3 0 0 1 0 6h-4l2 -2m0 4l-2 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">text-wrap</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="thumb-down" title="thumb-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 13v-8a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v7a1 1 0 0 0 1 1h3a4 4 0 0 1 4 4v1a2 2 0 0 0 4 0v-5h3a2 2 0 0 0 2 -2l-1 -5a2 3 0 0 0 -2 -2h-7a3 3 0 0 0 -3 3" /></svg>
                            <div class="mt-1 text-muted text-h5">thumb-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="thumb-up" title="thumb-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">thumb-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="ticket" title="ticket">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="5" x2="15" y2="7" /><line x1="15" y1="11" x2="15" y2="13" /><line x1="15" y1="17" x2="15" y2="19" /><path d="M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-3a2 2 0 0 0 0 -4v-3a2 2 0 0 1 2 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">ticket</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="tir" title="tir">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M7 18h8m4 0h2v-6a5 7 0 0 0 -5 -7h-1l1.5 7h4.5" /><path d="M12 18v-13h3" /><polyline points="3 17 3 12 12 12" /></svg>
                            <div class="mt-1 text-muted text-h5">tir</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="toggle-left" title="toggle-left">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="8" cy="12" r="2" /><rect x="2" y="6" width="20" height="12" rx="6" /></svg>
                            <div class="mt-1 text-muted text-h5">toggle-left</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="toggle-right" title="toggle-right">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="16" cy="12" r="2" /><rect x="2" y="6" width="20" height="12" rx="6" /></svg>
                            <div class="mt-1 text-muted text-h5">toggle-right</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="tool" title="tool">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10h3v-3l-3.5 -3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1 -3 3l-6 -6a6 6 0 0 1 -8 -8l3.5 3.5" /></svg>
                            <div class="mt-1 text-muted text-h5">tool</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="tools-kitchen" title="tools-kitchen">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 3h8l-1 9h-6z" /><path d="M7 18h2v3h-2z" /><path d="M20 3v12h-5c-.023 -3.681 .184 -7.406 5 -12z" /><path d="M20 15v6h-1v-3" /><line x1="8" y1="12" x2="8" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">tools-kitchen</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="tools" title="tools">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21h4l13 -13a1.5 1.5 0 0 0 -4 -4l-13 13v4" /><line x1="14.5" y1="5.5" x2="18.5" y2="9.5" /><polyline points="12 8 7 3 3 7 8 12" /><line x1="7" y1="8" x2="5.5" y2="9.5" /><polyline points="16 12 21 17 17 21 12 16" /><line x1="16" y1="17" x2="14.5" y2="18.5" /></svg>
                            <div class="mt-1 text-muted text-h5">tools</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="tornado" title="tornado">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="21" y1="4" x2="3" y2="4" /><line x1="13" y1="16" x2="7" y2="16" /><line x1="11" y1="20" x2="15" y2="20" /><line x1="6" y1="8" x2="20" y2="8" /><line x1="4" y1="12" x2="16" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">tornado</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="tournament" title="tournament">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 6h3a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-3" /><path d="M5 14h3a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-3" /><path d="M9 8h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4" /><line x1="14" y1="12" x2="19" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">tournament</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="tractor" title="tractor">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="15" r="4" /><line x1="7" y1="15" x2="7" y2="15.01" /><circle cx="19" cy="17" r="2" /><line x1="10.5" y1="17" x2="17" y2="17" /><path d="M20 15.2v-4.2a1 1 0 0 0 -1 -1h-6l-2 -5h-6v6.5" /><path d="M18 5h-1a1 1 0 0 0 -1 1v4" /></svg>
                            <div class="mt-1 text-muted text-h5">tractor</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="trademark" title="trademark">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.5 9h5m-2.5 0v6" /><path d="M13 15v-6l3 4l3 -4v6" /></svg>
                            <div class="mt-1 text-muted text-h5">trademark</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="traffic-cone" title="traffic-cone">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="20" /><line x1="9.4" y1="10" x2="14.6" y2="10" /><line x1="7.8" y1="15" x2="16.2" y2="15" /><path d="M6 20l5 -15h2l5 15" /></svg>
                            <div class="mt-1 text-muted text-h5">traffic-cone</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="traffic-lights" title="traffic-lights">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="2" width="10" height="20" rx="5" /><circle cx="12" cy="7" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="12" cy="17" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">traffic-lights</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="train" title="train">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 13c0 -3.87 -3.37 -7 -10 -7h-8" /><path d="M3 15h16a2 2 0 0 0 2 -2" /><path d="M3 6v5h17.5" /><line x1="3" y1="10" x2="3" y2="14" /><line x1="8" y1="11" x2="8" y2="6" /><line x1="13" y1="11" x2="13" y2="6.5" /><line x1="3" y1="19" x2="21" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">train</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="trash-off" title="trash-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M4 7h3m4 0h9" /><line x1="10" y1="11" x2="10" y2="17" /><line x1="14" y1="14" x2="14" y2="17" /><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l.077 -.923" /><line x1="18.384" y1="14.373" x2="19" y2="7" /><path d="M9 5v-1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg>
                            <div class="mt-1 text-muted text-h5">trash-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="trash" title="trash">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="7" x2="20" y2="7" /><line x1="10" y1="11" x2="10" y2="17" /><line x1="14" y1="11" x2="14" y2="17" /><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" /><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg>
                            <div class="mt-1 text-muted text-h5">trash</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="trees" title="trees">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="3" width="8" height="14" rx="4" /><rect x="12" y="7" width="8" height="10" rx="3" /><line x1="8" y1="21" x2="8" y2="13" /><line x1="16" y1="21" x2="16" y2="14" /></svg>
                            <div class="mt-1 text-muted text-h5">trees</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="trending-down-2" title="trending-down-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 6h5l7 10h6" /><path d="M18 19l3 -3l-3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">trending-down-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="trending-down-3" title="trending-down-3">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 6h2.397a5 5 0 0 1 4.096 2.133l4.014 5.734a5 5 0 0 0 4.096 2.133h3.397" /><path d="M18 19l3 -3l-3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">trending-down-3</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="trending-down" title="trending-down">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 7 9 13 13 9 21 17" /><polyline points="21 10 21 17 14 17" /></svg>
                            <div class="mt-1 text-muted text-h5">trending-down</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="trending-up-2" title="trending-up-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 5l3 3l-3 3" /><path d="M3 18h5l7 -10h6" /></svg>
                            <div class="mt-1 text-muted text-h5">trending-up-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="trending-up-3" title="trending-up-3">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 5l3 3l-3 3" /><path d="M3 18h2.397a5 5 0 0 0 4.096 -2.133l4.014 -5.734a5 5 0 0 1 4.096 -2.133h3.397" /></svg>
                            <div class="mt-1 text-muted text-h5">trending-up-3</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="trending-up" title="trending-up">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
                            <div class="mt-1 text-muted text-h5">trending-up</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="triangle-square-circle" title="triangle-square-circle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l-4 7h8z" /><circle cx="17" cy="17" r="3" /><rect x="4" y="14" width="6" height="6" rx="1" /></svg>
                            <div class="mt-1 text-muted text-h5">triangle-square-circle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="triangle" title="triangle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /></svg>
                            <div class="mt-1 text-muted text-h5">triangle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="trident" title="trident">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 6l2 -2v3a7 7 0 0 0 14 0v-3l2 2" /><path d="M12 21v-18l-2 2m4 0l-2 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">trident</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="trophy" title="trophy">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="17" x2="12" y2="21" /><line x1="7" y1="4" x2="17" y2="4" /><path d="M17 4v8a5 5 0 0 1 -10 0v-8" /><circle cx="5" cy="9" r="2" /><circle cx="19" cy="9" r="2" /></svg>
                            <div class="mt-1 text-muted text-h5">trophy</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="truck-delivery" title="truck-delivery">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-4m-1 -8h11v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5" /><line x1="3" y1="9" x2="7" y2="9" /></svg>
                            <div class="mt-1 text-muted text-h5">truck-delivery</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="truck-return" title="truck-return">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-11a1 1 0 0 1 1 -1h9v6h-5l2 2m0 -4l-2 2" /><line x1="9" y1="17" x2="15" y2="17" /><path d="M13 6h5l3 5v6h-2" /></svg>
                            <div class="mt-1 text-muted text-h5">truck-return</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="truck" title="truck">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-11a1 1 0 0 1 1 -1h9v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5" /></svg>
                            <div class="mt-1 text-muted text-h5">truck</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="typography" title="typography">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="7" y2="20" /><line x1="14" y1="20" x2="21" y2="20" /><line x1="6.9" y1="15" x2="13.8" y2="15" /><line x1="10.2" y1="6.3" x2="16" y2="20" /><polyline points="5 20 11 4 13 4 20 20" /></svg>
                            <div class="mt-1 text-muted text-h5">typography</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="umbrella" title="umbrella">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12a8 8 0 0 1 16 0z" /><path d="M12 12v6a2 2 0 0 0 4 0" /></svg>
                            <div class="mt-1 text-muted text-h5">umbrella</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="underline" title="underline">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="20" x2="18" y2="20" /><path d="M8 5v6a4 4 0 0 0 8 0v-6" /></svg>
                            <div class="mt-1 text-muted text-h5">underline</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="unlink" title="unlink">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /><line x1="16" y1="21" x2="16" y2="19" /><line x1="19" y1="16" x2="21" y2="16" /><line x1="3" y1="8" x2="5" y2="8" /><line x1="8" y1="3" x2="8" y2="5" /></svg>
                            <div class="mt-1 text-muted text-h5">unlink</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="upload" title="upload">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" /><polyline points="7 9 12 4 17 9" /><line x1="12" y1="4" x2="12" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">upload</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="urgent" title="urgent">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 16v-4a4 4 0 0 1 8 0v4" /><path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7" /><rect x="6" y="16" width="12" height="4" rx="1" /></svg>
                            <div class="mt-1 text-muted text-h5">urgent</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="user-check" title="user-check">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 11l2 2l4 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">user-check</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="user-exclamation" title="user-exclamation">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><line x1="19" y1="7" x2="19" y2="10" /><line x1="19" y1="14" x2="19" y2="14.01" /></svg>
                            <div class="mt-1 text-muted text-h5">user-exclamation</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="user-minus" title="user-minus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><line x1="16" y1="11" x2="22" y2="11" /></svg>
                            <div class="mt-1 text-muted text-h5">user-minus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="user-off" title="user-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14.274 10.291a4 4 0 1 0 -5.554 -5.58m-.548 3.453a4.01 4.01 0 0 0 2.62 2.65" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 1.147 .167m2.685 2.681a4 4 0 0 1 .168 1.152v2" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">user-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="user-plus" title="user-plus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 11h6m-3 -3v6" /></svg>
                            <div class="mt-1 text-muted text-h5">user-plus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="user-x" title="user-x">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M17 9l4 4m0 -4l-4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">user-x</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="user" title="user">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
                            <div class="mt-1 text-muted text-h5">user</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="users" title="users">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
                            <div class="mt-1 text-muted text-h5">users</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="vector-beizer-2" title="vector-beizer-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="3" width="4" height="4" rx="1" /><rect x="17" y="17" width="4" height="4" rx="1" /><line x1="7" y1="5" x2="14" y2="5" /><line x1="10" y1="19" x2="17" y2="19" /><circle cx="9" cy="19" r="1" /><circle cx="15" cy="5" r="1" /><path d="M7 5.5a5 6.5 0 0 1 5 6.5a5 6.5 0 0 0 5 6.5" /></svg>
                            <div class="mt-1 text-muted text-h5">vector-beizer-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="vector-beizer" title="vector-beizer">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="14" width="4" height="4" rx="1" /><rect x="17" y="14" width="4" height="4" rx="1" /><rect x="10" y="6" width="4" height="4" rx="1" /><path d="M10 8.5a6 6 0 0 0 -5 5.5" /><path d="M14 8.5a6 6 0 0 1 5 5.5" /><line x1="10" y1="8" x2="4" y2="8" /><line x1="20" y1="8" x2="14" y2="8" /><circle cx="3" cy="8" r="1" /><circle cx="21" cy="8" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">vector-beizer</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="vector-triangle" title="vector-triangle">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="10" y="4" width="4" height="4" rx="1" /><rect x="3" y="17" width="4" height="4" rx="1" /><rect x="17" y="17" width="4" height="4" rx="1" /><line x1="6.5" y1="17.1" x2="11.5" y2="8" /><line x1="17.5" y1="17.1" x2="12.5" y2="8" /><line x1="7" y1="19" x2="17" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">vector-triangle</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="vector" title="vector">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="3" width="4" height="4" rx="1" /><rect x="17" y="3" width="4" height="4" rx="1" /><rect x="17" y="17" width="4" height="4" rx="1" /><rect x="3" y="17" width="4" height="4" rx="1" /><line x1="5" y1="7" x2="5" y2="17" /><line x1="19" y1="7" x2="19" y2="17" /><line x1="7" y1="5" x2="17" y2="5" /><line x1="7" y1="19" x2="17" y2="19" /></svg>
                            <div class="mt-1 text-muted text-h5">vector</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="venus" title="venus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="9" r="5" /><line x1="12" y1="14" x2="12" y2="21" /><line x1="9" y1="18" x2="15" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">venus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="versions" title="versions">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="10" y="5" width="10" height="14" rx="2" /><line x1="7" y1="7" x2="7" y2="17" /><line x1="4" y1="8" x2="4" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">versions</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="video-minus" title="video-minus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><rect x="3" y="6" width="12" height="12" rx="2" /><line x1="7" y1="12" x2="11" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">video-minus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="video-off" title="video-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M15 11v-1l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -.675 .946" /><path d="M10 6h3a2 2 0 0 1 2 2v3m0 4v1a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h1" /></svg>
                            <div class="mt-1 text-muted text-h5">video-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="video-plus" title="video-plus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><rect x="3" y="6" width="12" height="12" rx="2" /><line x1="7" y1="12" x2="11" y2="12" /><line x1="9" y1="10" x2="9" y2="14" /></svg>
                            <div class="mt-1 text-muted text-h5">video-plus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="video" title="video">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><rect x="3" y="6" width="12" height="12" rx="2" /></svg>
                            <div class="mt-1 text-muted text-h5">video</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="view-360" title="view-360">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><ellipse cx="12" cy="12" rx="4" ry="9" /><ellipse cx="12" cy="12" rx="4" ry="9" transform="rotate(90 12 12)" /></svg>
                            <div class="mt-1 text-muted text-h5">view-360</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="viewfinder" title="viewfinder">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="7" /><line x1="12" y1="21" x2="12" y2="18" /><line x1="3" y1="12" x2="7" y2="12" /><line x1="21" y1="12" x2="18" y2="12" /><line x1="12" y1="12" x2="12" y2="12.01" /></svg>
                            <div class="mt-1 text-muted text-h5">viewfinder</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="viewport-narrow" title="viewport-narrow">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h7l-3 -3m0 6l3 -3" /><path d="M21 12h-7l3 -3m0 6l-3 -3" /><path d="M9 6v-3h6v3" /><path d="M9 18v3h6v-3" /></svg>
                            <div class="mt-1 text-muted text-h5">viewport-narrow</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="viewport-wide" title="viewport-wide">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12h-7l3 -3m0 6l-3 -3" /><path d="M14 12h7l-3 -3m0 6l3 -3" /><path d="M3 6v-3h18v3" /><path d="M3 18v3h18v-3" /></svg>
                            <div class="mt-1 text-muted text-h5">viewport-wide</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="virus-off" title="virus-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M8.469 8.46a5 5 0 0 0 7.058 7.084m1.386 -2.608a5 5 0 0 0 -5.826 -5.853" /><path d="M12 7v-4m-1 0h2" /><path d="M12 7v-4m-1 0h2" transform="rotate(45 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(90 12 12)" /><line x1="12" y1="3" x2="13" y2="3" transform="rotate(135 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(180 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(225 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(270 12 12)" /><line x1="12" y1="3" x2="11" y2="3" transform="rotate(315 12 12)" /></svg>
                            <div class="mt-1 text-muted text-h5">virus-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="virus-search" title="virus-search">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 12a5 5 0 1 0 -5 5" /><path d="M12 7v-4m-1 0h2" /><path d="M12 7v-4m-1 0h2" transform="rotate(45 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(90 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(180 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(225 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(270 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(315 12 12)" /><circle cx="17.5" cy="17.5" r="2.5" /><line x1="19.5" y1="19.5" x2="22" y2="22" /></svg>
                            <div class="mt-1 text-muted text-h5">virus-search</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="virus" title="virus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="5" /><path d="M12 7v-4m-1 0h2" /><path d="M12 7v-4m-1 0h2" transform="rotate(45 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(90 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(135 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(180 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(225 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(270 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(315 12 12)" /></svg>
                            <div class="mt-1 text-muted text-h5">virus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="volume-2" title="volume-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 8a5 5 0 0 1 0 8" /><path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a0.8 .8 0 0 1 1.5 .5v14a0.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /></svg>
                            <div class="mt-1 text-muted text-h5">volume-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="volume-3" title="volume-3">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a0.8 .8 0 0 1 1.5 .5v14a0.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /><path d="M16 10l4 4m0 -4l-4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">volume-3</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="volume" title="volume">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 8a5 5 0 0 1 0 8" /><path d="M17.7 5a9 9 0 0 1 0 14" /><path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a0.8 .8 0 0 1 1.5 .5v14a0.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /></svg>
                            <div class="mt-1 text-muted text-h5">volume</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="walk" title="walk">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="13" cy="4" r="1" /><line x1="7" y1="21" x2="10" y2="17" /><path d="M16 21l-2 -4l-3 -3l1 -6" /><path d="M6 12l2 -3l4 -1l3 3l3 1" /></svg>
                            <div class="mt-1 text-muted text-h5">walk</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="wallet" title="wallet">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 8v-3a1 1 0 0 0 -1 -1h-10a2 2 0 0 0 0 4h12a1 1 0 0 1 1 1v3m0 4v3a1 1 0 0 1 -1 1h-12a2 2 0 0 1 -2 -2v-12" /><path d="M20 12v4h-4a2 2 0 0 1 0 -4h4" /></svg>
                            <div class="mt-1 text-muted text-h5">wallet</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="wand" title="wand">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 21 21 6 18 3 3 18 6 21" /><line x1="15" y1="6" x2="18" y2="9" /><path d="M9 3a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2" /><path d="M19 13a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">wand</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="wave-saw-tool" title="wave-saw-tool">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h5l4 8v-16l4 8h5" /></svg>
                            <div class="mt-1 text-muted text-h5">wave-saw-tool</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="wave-sine" title="wave-sine">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 12h-2c-.894 0 -1.662 -.857 -1.761 -2c-.296 -3.45 -.749 -6 -2.749 -6s-2.5 3.582 -2.5 8s-.5 8 -2.5 8s-2.452 -2.547 -2.749 -6c-.1 -1.147 -.867 -2 -1.763 -2h-2" /></svg>
                            <div class="mt-1 text-muted text-h5">wave-sine</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="wave-square" title="wave-square">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h5v8h4v-16h4v8h5" /></svg>
                            <div class="mt-1 text-muted text-h5">wave-square</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="wifi-0" title="wifi-0">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">wifi-0</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="wifi-1" title="wifi-1">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /></svg>
                            <div class="mt-1 text-muted text-h5">wifi-1</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="wifi-2" title="wifi-2">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a8 8 0 0 1 11.314 0" /></svg>
                            <div class="mt-1 text-muted text-h5">wifi-2</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="wifi-off" title="wifi-off">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a7.963 7.963 0 0 1 3.864 -2.14m4.163 .155a7.965 7.965 0 0 1 3.287 2" /><path d="M3.515 9.515a12 12 0 0 1 3.544 -2.455m3.101 -.92a12 12 0 0 1 10.325 3.374" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">wifi-off</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="wifi" title="wifi">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a8 8 0 0 1 11.314 0" /><path d="M3.515 9.515c4.686 -4.687 12.284 -4.687 17 0" /></svg>
                            <div class="mt-1 text-muted text-h5">wifi</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="wind" title="wind">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 8h8.5a2.5 2.5 0 1 0 -2.34 -3.24" /><path d="M3 12h15.5a2.5 2.5 0 1 1 -2.34 3.24" /><path d="M4 16h5.5a2.5 2.5 0 1 1 -2.34 3.24" /></svg>
                            <div class="mt-1 text-muted text-h5">wind</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="windmill" title="windmill">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2.76 0 5 -2.01 5 -4.5s-2.24 -4.5 -5 -4.5v9z" /><path d="M12 12c0 2.76 2.01 5 4.5 5s4.5 -2.24 4.5 -5h-9z" /><path d="M12 12c-2.76 0 -5 2.01 -5 4.5s2.24 4.5 5 4.5v-9z" /><path d="M12 12c0 -2.76 -2.01 -5 -4.5 -5s-4.5 2.24 -4.5 5h9z" /></svg>
                            <div class="mt-1 text-muted text-h5">windmill</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="wiper-wash" title="wiper-wash">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="20" r="1" /><path d="M3 11l5.5 5.5a5 5 0 0 1 7 0l5.5 -5.5a12 12 0 0 0 -18 0" /><line x1="12" y1="20" x2="12" y2="6" /><path d="M4 6a4 4 0 0 1 .4 -1.8" /><path d="M7 2.1a4 4 0 0 1 2 0" /><path d="M12 6a4 4 0 0 0 -.4 -1.8" /><path d="M12 6a4 4 0 0 1 .4 -1.8" /><path d="M15 2.1a4 4 0 0 1 2 0" /><path d="M20 6a4 4 0 0 0 -.4 -1.8" /></svg>
                            <div class="mt-1 text-muted text-h5">wiper-wash</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="wiper" title="wiper">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="18" r="1" /><path d="M3 9l5.5 5.5a5 5 0 0 1 7 0l5.5 -5.5a12 12 0 0 0 -18 0" /><line x1="12" y1="18" x2="9.8" y2="5.2" /></svg>
                            <div class="mt-1 text-muted text-h5">wiper</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="woman" title="woman">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><path d="M10 22v-4h-2l2 -6a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1l2 6h-2v4" /></svg>
                            <div class="mt-1 text-muted text-h5">woman</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="world-latitude" title="world-latitude">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="4.6" y1="7" x2="19.4" y2="7" /><line x1="3" y1="12" x2="21" y2="12" /><line x1="4.6" y1="17" x2="19.4" y2="17" /></svg>
                            <div class="mt-1 text-muted text-h5">world-latitude</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="world-longitude" title="world-longitude">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M11.5 3a11.2 11.2 0 0 0 0 18" /><path d="M12.5 3a11.2 11.2 0 0 1 0 18" /><line x1="12" y1="3" x2="12" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">world-longitude</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="world" title="world">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="3.6" y1="9" x2="20.4" y2="9" /><line x1="3.6" y1="15" x2="20.4" y2="15" /><path d="M11.5 3a17 17 0 0 0 0 18" /><path d="M12.5 3a17 17 0 0 1 0 18" /></svg>
                            <div class="mt-1 text-muted text-h5">world</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="wrecking-ball" title="wrecking-ball">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="19" cy="13" r="2" /><circle cx="4" cy="17" r="2" /><circle cx="13" cy="17" r="2" /><line x1="13" y1="19" x2="4" y2="19" /><line x1="4" y1="15" x2="13" y2="15" /><path d="M8 12v-5h2a3 3 0 0 1 3 3v5" /><path d="M5 15v-2a1 1 0 0 1 1 -1h7" /><path d="M19 11v-7l-6 7" /></svg>
                            <div class="mt-1 text-muted text-h5">wrecking-ball</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="x" title="x">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
                            <div class="mt-1 text-muted text-h5">x</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="yin-yang" title="yin-yang">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 3a4.5 4.5 0 0 0 0 9a4.5 4.5 0 0 1 0 9" /><circle cx="12" cy="7.5" r=".5" fill="currentColor" /><circle cx="12" cy="16.5" r=".5" fill="currentColor" /></svg>
                            <div class="mt-1 text-muted text-h5">yin-yang</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zodiac-aquarius" title="zodiac-aquarius">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 10l3 -3l3 3l3 -3l3 3l3 -3l3 3" /><path d="M3 17l3 -3l3 3l3 -3l3 3l3 -3l3 3" /></svg>
                            <div class="mt-1 text-muted text-h5">zodiac-aquarius</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zodiac-aries" title="zodiac-aries">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 5a5 5 0 1 0 -4 8" /><path d="M16 13a5 5 0 1 0 -4 -8" /><line x1="12" y1="21" x2="12" y2="5" /></svg>
                            <div class="mt-1 text-muted text-h5">zodiac-aries</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zodiac-cancer" title="zodiac-cancer">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="12" r="3" /><circle cx="18" cy="12" r="3" /><path d="M3 12a10 6.5 0 0 1 14 -6.5" /><path d="M21 12a10 6.5 0 0 1 -14 6.5" /></svg>
                            <div class="mt-1 text-muted text-h5">zodiac-cancer</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zodiac-capricorn" title="zodiac-capricorn">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4a3 3 0 0 1 3 3v9" /><path d="M7 7a3 3 0 0 1 6 0v11a3 3 0 0 1 -3 3" /><circle cx="16" cy="17" r="3" /></svg>
                            <div class="mt-1 text-muted text-h5">zodiac-capricorn</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zodiac-gemini" title="zodiac-gemini">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 3a21 21 0 0 0 18 0" /><path d="M3 21a21 21 0 0 1 18 0" /><line x1="7" y1="4.5" x2="7" y2="19.5" /><line x1="17" y1="4.5" x2="17" y2="19.5" /></svg>
                            <div class="mt-1 text-muted text-h5">zodiac-gemini</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zodiac-leo" title="zodiac-leo">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 17a4 4 0 1 0 8 0" /><circle cx="6" cy="16" r="3" /><circle cx="11" cy="7" r="4" /><path d="M7 7c0 3 2 5 2 9" /><path d="M15 7c0 4 -2 6 -2 10" /></svg>
                            <div class="mt-1 text-muted text-h5">zodiac-leo</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zodiac-libra" title="zodiac-libra">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="20" x2="19" y2="20" /><path d="M5 17h5v-.3a7 7 0 1 1 4 0v.3h5" /></svg>
                            <div class="mt-1 text-muted text-h5">zodiac-libra</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zodiac-pisces" title="zodiac-pisces">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 3a21 21 0 0 1 0 18" /><path d="M19 3a21 21 0 0 0 0 18" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">zodiac-pisces</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zodiac-sagittarius" title="zodiac-sagittarius">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="4" /><path d="M13 4h7v7" /><line x1="6.5" y1="12.5" x2="11.5" y2="17.5" /></svg>
                            <div class="mt-1 text-muted text-h5">zodiac-sagittarius</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zodiac-scorpio" title="zodiac-scorpio">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 4a2 2 0 0 1 2 2v9" /><path d="M5 6a2 2 0 0 1 4 0v9" /><path d="M9 6a2 2 0 0 1 4 0v10a3 3 0 0 0 3 3h5l-3 -3m0 6l3 -3" /></svg>
                            <div class="mt-1 text-muted text-h5">zodiac-scorpio</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zodiac-taurus" title="zodiac-taurus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 3a6 6 0 0 0 12 0" /><circle cx="12" cy="15" r="6" /></svg>
                            <div class="mt-1 text-muted text-h5">zodiac-taurus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zodiac-virgo" title="zodiac-virgo">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 4a2 2 0 0 1 2 2v9" /><path d="M5 6a2 2 0 0 1 4 0v9" /><path d="M9 6a2 2 0 0 1 4 0v10a7 5 0 0 0 7 5" /><path d="M12 21a7 5 0 0 0 7 -5v-2a3 3 0 0 0 -6 0" /></svg>
                            <div class="mt-1 text-muted text-h5">zodiac-virgo</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zoom-cancel" title="zoom-cancel">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="8" y1="8" x2="12" y2="12" /><line x1="12" y1="8" x2="8" y2="12" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">zoom-cancel</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zoom-in" title="zoom-in">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="7" y1="10" x2="13" y2="10" /><line x1="10" y1="7" x2="10" y2="13" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">zoom-in</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zoom-out" title="zoom-out">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="7" y1="10" x2="13" y2="10" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">zoom-out</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="zoom-question" title="zoom-question">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><path d="M21 21l-6 -6" /><line x1="10" y1="13" x2="10" y2="13.01" /><path d="M10 10a1.5 1.5 0 1 0 -1.14 -2.474" /></svg>
                            <div class="mt-1 text-muted text-h5">zoom-question</div>
                          </a>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-12">
              <div class="card">
                <div class="card-header">
                  <div class="card-title">Brand icons</div>
                </div>
                <div class="card-body">
                  <div class="row" data-icon-preview>
                    <div class="col-md-6 col-lg-4">
                      <div class="demo-icon-preview">
                        <div data-icon-preview-icon>
                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 10c-2 0 -3 1 -3 3c0 1.5 1.494 3.535 3 5.5c1 1 1.5 1.5 2.5 2s2.5 1 4.5 -.5s1.5 -3.5 .5 -6s-2.333 -5.5 -5 -9.5c-.834 -1 -1.5 -1.5 -2.503 -1.5c-1 0 -1.623 .45 -2.497 1.5c-2.667 4 -4 7 -5 9.5s-1.5 4.5 .5 6s3.5 1 4.5 .5s1.5 -1 2.5 -2c1.506 -1.965 3 -4 3 -5.5c0 -2 -1 -3 -3 -3z" /></svg>
                        </div>
                        <h2 class="my-2" data-icon-preview-title>brand-airbnb</h2>
                        <div class="demo-icon-preview-icon" data-icon-preview-code>
                          <figure class="highlight">
                            <pre><code class="language-html" data-lang="html"><span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 10c-2 0 -3 1 -3 3c0 1.5 1.494 3.535 3 5.5c1 1 1.5 1.5 2.5 2s2.5 1 4.5 -.5s1.5 -3.5 .5 -6s-2.333 -5.5 -5 -9.5c-.834 -1 -1.5 -1.5 -2.503 -1.5c-1 0 -1.623 .45 -2.497 1.5c-2.667 4 -4 7 -5 9.5s-1.5 4.5 .5 6s3.5 1 4.5 .5s1.5 -1 2.5 -2c1.506 -1.965 3 -4 3 -5.5c0 -2 -1 -3 -3 -3z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre>
                          </figure>
                        </div>
                      </div>
                    </div>
                    <div class="col">
                      <div class="demo-icons-list-wrap">
                        <div class="demo-icons-list">
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-airbnb" title="brand-airbnb">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 10c-2 0 -3 1 -3 3c0 1.5 1.494 3.535 3 5.5c1 1 1.5 1.5 2.5 2s2.5 1 4.5 -.5s1.5 -3.5 .5 -6s-2.333 -5.5 -5 -9.5c-.834 -1 -1.5 -1.5 -2.503 -1.5c-1 0 -1.623 .45 -2.497 1.5c-2.667 4 -4 7 -5 9.5s-1.5 4.5 .5 6s3.5 1 4.5 .5s1.5 -1 2.5 -2c1.506 -1.965 3 -4 3 -5.5c0 -2 -1 -3 -3 -3z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-airbnb</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-android" title="brand-android">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="10" x2="4" y2="16" /><line x1="20" y1="10" x2="20" y2="16" /><path d="M7 9h10v8a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1v-8a5 5 0 0 1 10 0" /><line x1="8" y1="3" x2="9" y2="5" /><line x1="16" y1="3" x2="15" y2="5" /><line x1="9" y1="18" x2="9" y2="21" /><line x1="15" y1="18" x2="15" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-android</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-apple-arcade" title="brand-apple-arcade">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><path d="M20 12.5v4.75a0.734 .734 0 0 1 -.055 .325a0.704 .704 0 0 1 -.348 .366l-5.462 2.58a4.998 4.998 0 0 1 -4.27 0l-5.462 -2.58a0.705 .705 0 0 1 -.401 -.691l-.002 -4.75" /><path d="M4.431 12.216l5.634 -2.332a5.065 5.065 0 0 1 3.87 0l5.634 2.332a0.692 .692 0 0 1 .028 1.269l-5.462 2.543a5.064 5.064 0 0 1 -4.27 0l-5.462 -2.543a0.691 .691 0 0 1 .028 -1.27z" /><line x1="12" y1="7" x2="12" y2="13" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-apple-arcade</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-apple" title="brand-apple">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7c-3 0 -4 3 -4 5.5c0 3 2 7.5 4 7.5c1.088 -.046 1.679 -.5 3 -.5c1.312 0 1.5 .5 3 .5s4 -3 4 -5c-.028 -.01 -2.472 -.403 -2.5 -3c-.019 -2.17 2.416 -2.954 2.5 -3c-1.023 -1.492 -2.951 -1.963 -3.5 -2c-1.433 -.111 -2.83 1 -3.5 1c-.68 0 -1.9 -1 -3 -1z" /><path d="M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-apple</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-appstore" title="brand-appstore">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M8 16l1.106 -1.99m1.4 -2.522l2.494 -4.488" /><path d="M7 14h5m2.9 0h2.1" /><path d="M16 16l-2.51 -4.518m-1.487 -2.677l-1.003 -1.805" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-appstore</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-asana" title="brand-asana">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="3" /><circle cx="17" cy="16" r="3" /><circle cx="7" cy="16" r="3" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-asana</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-behance" title="brand-behance">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 18v-12h4.5a3 3 0 0 1 0 6a3 3 0 0 1 0 6h-4.5" /><line x1="3" y1="12" x2="7.5" y2="12" /><path d="M14 13h7a3.5 3.5 0 0 0 -7 0v2a3.5 3.5 0 0 0 6.64 1" /><line x1="16" y1="6" x2="19" y2="6" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-behance</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-bing" title="brand-bing">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 3l4 1.5v12l6 -2.5l-2 -1l-1 -4l7 2.5v4.5l-10 5l-4 -2z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-bing</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-bitbucket" title="brand-bitbucket">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.648 4a0.64 .64 0 0 0 -.64 .744l3.14 14.528c.07 .417 .43 .724 .852 .728h10a0.644 .644 0 0 0 .642 -.539l3.35 -14.71a0.641 .641 0 0 0 -.64 -.744l-16.704 -.007z" /><path d="M14 15h-4l-1 -6h6z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-bitbucket</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-booking" title="brand-booking">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 18v-9.5a4.5 4.5 0 0 1 4.5 -4.5h7a4.5 4.5 0 0 1 4.5 4.5v7a4.5 4.5 0 0 1 -4.5 4.5h-9.5a2 2 0 0 1 -2 -2z" /><path d="M8 12h3.5a2 2 0 1 1 0 4h-3.5v-7a1 1 0 0 1 1 -1h1.5a2 2 0 1 1 0 4h-1.5" /><line x1="16" y1="16" x2="16.01" y2="16" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-booking</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-chrome" title="brand-chrome">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="3" /><line x1="12" y1="9" x2="20.4" y2="9" /><line x1="12" y1="9" x2="20.4" y2="9" transform="rotate(120 12 12)" /><line x1="12" y1="9" x2="20.4" y2="9" transform="rotate(240 12 12)" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-chrome</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-codepen" title="brand-codepen">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 15l9 6l9 -6l-9 -6l-9 6" /><path d="M3 9l9 6l9 -6l-9 -6l-9 6" /><line x1="3" y1="9" x2="3" y2="15" /><line x1="21" y1="9" x2="21" y2="15" /><line x1="12" y1="3" x2="12" y2="9" /><line x1="12" y1="15" x2="12" y2="21" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-codepen</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-codesandbox" title="brand-codesandbox">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 7.5v9l-4 2.25l-4 2.25l-4 -2.25l-4 -2.25v-9l4 -2.25l4 -2.25l4 2.25z" /><path d="M12 12l4 -2.25l4 -2.25" /><line x1="12" y1="12" x2="12" y2="21" /><path d="M12 12l-4 -2.25l-4 -2.25" /><path d="M20 12l-4 2v4.75" /><path d="M4 12l4 2l0 4.75" /><path d="M8 5.25l4 2.25l4 -2.25" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-codesandbox</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-css3" title="brand-css3">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 4l-2 14.5l-6 2l-6 -2l-2 -14.5z" /><path d="M8.5 8h7l-4.5 4h4l-.5 3.5l-2.5 .75l-2.5 -.75l-.1 -.5" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-css3</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-deviantart" title="brand-deviantart">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 3v4l-3.857 6h3.857v4h-6.429l-2.571 4h-3v-4l3.857 -6h-3.857v-4h6.429l2.571 -4z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-deviantart</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-discord" title="brand-discord">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="12" r="1" /><circle cx="15" cy="12" r="1" /><path d="M7.5 7.5c3.5 -1 5.5 -1 9 0" /><path d="M7 16.5c3.5 1 6.5 1 10 0" /><path d="M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833 -1.667 3.5 -3c.667 -1.667 .5 -5.833 -1.5 -11.5c-1.457 -1.015 -3 -1.34 -4.5 -1.5l-1 2.5" /><path d="M8.5 17c0 1 -1.356 3 -1.832 3c-1.429 0 -2.698 -1.667 -3.333 -3c-.635 -1.667 -.476 -5.833 1.428 -11.5c1.388 -1.015 2.782 -1.34 4.237 -1.5l1 2.5" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-discord</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-disqus" title="brand-disqus">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11.847 21c-2.259 0 -4.323 -.667 -5.919 -2h-3.928l1.708 -3.266c-.545 -1.174 -.759 -2.446 -.758 -3.734c0 -4.97 3.84 -9 8.898 -9c5.052 0 9.152 4.03 9.152 9c0 4.972 -4.098 9 -9.153 9z" /><path d="M11.485 15h-1.485v-6h1.485c2.112 0 3.515 .823 3.515 2.981v.035c0 2.18 -1.403 2.984 -3.515 2.984z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-disqus</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-docker" title="brand-docker">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 12.54c-1.804 -.345 -2.701 -1.08 -3.523 -2.94c-.487 .696 -1.102 1.568 -.92 2.4c.028 .238 -.32 1.002 -.557 1h-14c0 5.208 3.164 7 6.196 7c4.124 .022 7.828 -1.376 9.854 -5c1.146 -.101 2.296 -1.505 2.95 -2.46z" /><path d="M5 10h3v3h-3z" /><path d="M8 10h3v3h-3z" /><path d="M11 10h3v3h-3z" /><path d="M8 7h3v3h-3z" /><path d="M11 7h3v3h-3z" /><path d="M11 4h3v3h-3z" /><path d="M4.571 18.001c1.5 0 2.047 -.074 2.958 -.78" /><line x1="10" y1="16" x2="10" y2="16.01" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-docker</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-dribbble" title="brand-dribbble">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 3.6c5 6 7 10.5 7.5 16.2" /><path d="M6.4 19c3.5 -3.5 6 -6.5 14.5 -6.4" /><path d="M3.1 10.75c5 0 9.814 -.38 15.314 -5" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-dribbble</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-edge" title="brand-edge">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20.978 11.372a9 9 0 1 0 -1.593 5.773" /><path d="M20.978 11.372c.21 2.993 -5.034 2.413 -6.913 1.486c1.392 -1.6 .402 -4.038 -2.274 -3.851c-1.745 .122 -2.927 1.157 -2.784 3.202c.28 3.99 4.444 6.205 10.36 4.79" /><path d="M3.022 12.628c-.283 -4.043 8.717 -7.228 11.248 -2.688" /><path d="M12.628 20.978c-2.993 .21 -5.162 -4.725 -3.567 -9.748" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-edge</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-facebook" title="brand-facebook">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-facebook</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-figma" title="brand-figma">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="15" cy="12" r="3" /><rect x="6" y="3" width="12" height="6" rx="3" /><path d="M9 9a3 3 0 0 0 0 6h3m-3 0a3 3 0 1 0 3 3v-15" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-figma</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-firefox" title="brand-firefox">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.028 7.82a9 9 0 1 0 12.823 -3.4c-1.636 -1.02 -3.064 -1.02 -4.851 -1.02h-1.647" /><path d="M4.914 9.485c-1.756 -1.569 -.805 -5.38 .109 -6.17c.086 .896 .585 1.208 1.111 1.685c.88 -.275 1.313 -.282 1.867 0c.82 -.91 1.694 -2.354 2.628 -2.093c-1.082 1.741 -.07 3.733 1.371 4.173c-.17 .975 -1.484 1.913 -2.76 2.686c-1.296 .938 -.722 1.85 0 2.234c.949 .506 3.611 -.995 4.545 .354c-1.698 .102 -1.536 3.107 -3.983 2.727c2.523 .957 4.345 .462 5.458 -.34c1.965 -1.52 2.879 -3.542 2.879 -5.557c-.014 -1.398 .194 -2.695 -1.26 -4.75" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-firefox</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-flickr" title="brand-flickr">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="12" r="3" /><circle cx="17" cy="12" r="3" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-flickr</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-foursquare" title="brand-foursquare">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 3h10c.644 0 1.11 .696 .978 1.33l-1.984 9.859a1.014 1.014 0 0 1 -.994 .811h-2.254c-.308 0 -.6 .141 -.793 .382l-4.144 5.25c-.599 .752 -1.809 .331 -1.809 -.632v-16c0 -.564 .44 -1 1 -1z" /><line x1="12" y1="9" x2="17" y2="9" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-foursquare</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-framer" title="brand-framer">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 15h12l-12 -12h12v6h-12v6l6 6v-6" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-framer</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-github" title="brand-github">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-github</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-gitlab" title="brand-gitlab">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 14l-9 7l-9 -7l3 -11l3 7h6l3 -7z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-gitlab</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-google-analytics" title="brand-google-analytics">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="10" y="9" width="4" height="12" rx="1.105" /><rect x="17" y="3" width="4" height="18" rx="1.105" /><circle cx="5" cy="19" r="2" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-google-analytics</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-google-drive" title="brand-google-drive">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 10l-6 10l-3 -5l6 -10z" /><path d="M9 15h12l-3 5h-12" /><path d="M15 15l-6 -10h6l6 10z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-google-drive</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-google-play" title="brand-google-play">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 3.71v16.58a0.7 .7 0 0 0 1.05 .606l14.622 -8.42a0.55 .55 0 0 0 0 -.953l-14.622 -8.419a0.7 .7 0 0 0 -1.05 .607z" /><line x1="15" y1="9" x2="4.5" y2="20.5" /><line x1="4.5" y1="3.5" x2="15" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-google-play</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-google" title="brand-google">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.788 5.108a9 9 0 1 0 3.212 6.892h-8" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-google</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-gravatar" title="brand-gravatar">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5.64 5.632a9 9 0 1 0 6.36 -2.632v7.714" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-gravatar</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-hipchat" title="brand-hipchat">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.802 17.292s.077 -.055 .2 -.149c1.843 -1.425 2.998 -3.49 2.998 -5.789c0 -4.286 -4.03 -7.764 -8.998 -7.764c-4.97 0 -9.002 3.478 -9.002 7.764c0 4.288 4.03 7.646 9 7.646c.424 0 1.12 -.028 2.088 -.084c1.262 .82 3.104 1.493 4.716 1.493c.499 0 .734 -.41 .414 -.828c-.486 -.596 -1.156 -1.551 -1.416 -2.29z" /><path d="M7.5 13.5c2.5 2.5 6.5 2.5 9 0" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-hipchat</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-html5" title="brand-html5">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 4l-2 14.5l-6 2l-6 -2l-2 -14.5z" /><path d="M15.5 8h-7l.5 4h6l-.5 3.5l-2.5 .75l-2.5 -.75l-.1 -.5" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-html5</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-instagram" title="brand-instagram">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="4" /><circle cx="12" cy="12" r="3" /><line x1="16.5" y1="7.5" x2="16.5" y2="7.501" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-instagram</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-kickstarter" title="brand-kickstarter">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 9l2.975 -4.65c.615 -.9 1.405 -1.35 2.377 -1.35c.79 0 1.474 .286 2.054 .858c.576 .574 .866 1.256 .866 2.054c0 .588 -.153 1.109 -.46 1.559l-2.812 4.029l3.465 4.912c.356 .46 .535 .998 .535 1.613a2.92 2.92 0 0 1 -.843 2.098c-.561 .584 -1.242 .877 -2.04 .877c-.876 0 -1.545 -.29 -2.005 -.87l-4.112 -5.697v3.067c0 .876 -.313 1.69 -.611 2.175c-.543 .883 -1.35 1.325 -2.389 1.325c-.944 0 -1.753 -.327 -2.271 -.974c-.486 -.6 -.729 -1.392 -.729 -2.38v-11.371c0 -.934 .247 -1.706 .74 -2.313c.512 -.641 1.347 -.962 2.26 -.962c.868 0 1.821 .321 2.4 .962c.323 .356 .515 .714 .6 1.08c.052 .224 0 .643 0 1.26v2.698z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-kickstarter</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-kotlin" title="brand-kotlin">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 20h-16v-16h16" /><line x1="4" y1="20" x2="20" y2="4" /><path d="M4 12l8 -8" /><line x1="12" y1="12" x2="20" y2="20" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-kotlin</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-linkedin" title="brand-linkedin">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="8" y1="11" x2="8" y2="16" /><line x1="8" y1="8" x2="8" y2="8.01" /><line x1="12" y1="16" x2="12" y2="11" /><path d="M16 16v-3a2 2 0 0 0 -4 0" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-linkedin</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-medium" title="brand-medium">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M8 9h1l3 3l3 -3h1" /><line x1="8" y1="15" x2="10" y2="15" /><line x1="14" y1="15" x2="16" y2="15" /><line x1="9" y1="9" x2="9" y2="15" /><line x1="15" y1="9" x2="15" y2="15" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-medium</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-messenger" title="brand-messenger">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1" /><path d="M8 13l3 -2l2 2l3 -2" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-messenger</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-netflix" title="brand-netflix">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 20v-16l7 16v-16" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-netflix</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-open-source" title="brand-open-source">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a9 9 0 0 1 3.618 17.243l-2.193 -5.602a3 3 0 1 0 -2.849 0l-2.193 5.603a9 9 0 0 1 3.617 -17.244z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-open-source</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-opera" title="brand-opera">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><ellipse cx="12" cy="12" rx="3" ry="5" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-opera</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-pagekit" title="brand-pagekit">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12.077 20h-5.077v-16h11v14h-5.077" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-pagekit</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-patreon" title="brand-patreon">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 3h3v18h-3z" /><circle cx="15" cy="9.5" r="6.5" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-patreon</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-paypal" title="brand-paypal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 13l2.5 0c2.5 0 5 -2.5 5 -5c0 -3 -1.9 -5 -5 -5h-5.5c-.5 0 -1 .5 -1 1l-2 14c0 .5 .5 1 1 1h2.8l1.2 -5c.1 -.6 .4 -1 1 -1zm7.5 -5.8c1.7 1 2.5 2.8 2.5 4.8c0 2.5 -2.5 4.5 -5 4.5h-2.6l-.6 3.6a1 1 0 0 1 -1 .8l-2.7 0a0.5 .5 0 0 1 -.5 -.6l.2 -1.4" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-paypal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-pinterest" title="brand-pinterest">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="20" x2="12" y2="11" /><path d="M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7" /><circle cx="12" cy="12" r="9" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-pinterest</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-pocket" title="brand-pocket">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h14a2 2 0 0 1 2 2v6a9 9 0 0 1 -18 0v-6a2 2 0 0 1 2 -2" /><polyline points="8 11 12 15 16 11" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-pocket</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-producthunt" title="brand-producthunt">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 16v-8h2.5a2.5 2.5 0 1 1 0 5h-2.5" /><circle cx="12" cy="12" r="9" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-producthunt</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-python" title="brand-python">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9h-7a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h3" /><path d="M12 15h7a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-3" /><path d="M8 9v-4a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v5a2 2 0 0 1 -2 2h-4a2 2 0 0 0 -2 2v5a2 2 0 0 0 2 2h4a2 2 0 0 0 2 -2v-4" /><line x1="11" y1="6" x2="11" y2="6.01" /><line x1="13" y1="18" x2="13" y2="18.01" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-python</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-reddit" title="brand-reddit">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 8c2.648 0 5.028 .826 6.675 2.14a2.5 2.5 0 0 1 2.326 4.36c0 3.59 -4.03 6.5 -9 6.5c-4.875 0 -8.845 -2.8 -9 -6.294l-1 -.206a2.5 2.5 0 0 1 2.326 -4.36c1.646 -1.313 4.026 -2.14 6.674 -2.14z" /><path d="M12 8l1 -5l6 1" /><circle cx="19" cy="4" r="1" /><circle cx="9" cy="13" r=".5" fill="currentColor" /><circle cx="15" cy="13" r=".5" fill="currentColor" /><path d="M10 17c.667 .333 1.333 .5 2 .5s1.333 -.167 2 -.5" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-reddit</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-safari" title="brand-safari">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 16 10 10 16 8 14 14 8 16" /><circle cx="12" cy="12" r="9" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-safari</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-sass" title="brand-sass">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 10.523c2.46 -.826 4.002 -.826 4.002 -2.155c0 -1.366 -1.347 -1.366 -2.735 -1.366c-1.91 0 -3.352 .49 -4.537 1.748c-.848 .902 -1.027 2.449 -.153 3.307c.973 .956 3.206 1.789 2.884 3.493c-.233 1.235 -1.469 1.823 -2.617 1.202c-.782 -.424 -.454 -1.746 .626 -2.512s2.822 -.992 4.1 -.24c.98 .575 1.046 1.724 .434 2.193" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-sass</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-sentry" title="brand-sentry">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 18a1.93 1.93 0 0 0 .306 1.076a2 2 0 0 0 1.584 .924c.646 .033 -.537 0 .11 0h3a4.992 4.992 0 0 0 -3.66 -4.81c.558 -.973 1.24 -2.149 2.04 -3.531a8.997 8.997 0 0 1 5.62 8.341h4c.663 0 2.337 .005 3 0a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-1.84 3.176c4.482 2.05 7.6 6.571 7.6 11.824" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-sentry</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-shazam" title="brand-shazam">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12l2 -2a2.828 2.828 0 0 1 4 0a2.828 2.828 0 0 1 0 4l-3 3" /><path d="M14 12l-2 2a2.828 2.828 0 1 1 -4 -4l3 -3" /><circle cx="12" cy="12" r="9" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-shazam</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-sketch" title="brand-sketch">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.262 10.878l8 8.789c.4 .44 1.091 .44 1.491 0l8 -8.79c.313 -.344 .349 -.859 .087 -1.243l-3.537 -5.194a1 1 0 0 0 -.823 -.436h-8.926a1 1 0 0 0 -.823 .436l-3.54 5.192c-.263 .385 -.227 .901 .087 1.246z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-sketch</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-skype" title="brand-skype">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a9 9 0 0 1 8.603 11.65a4.5 4.5 0 0 1 -5.953 5.953a9 9 0 0 1 -11.253 -11.253a4.5 4.5 0 0 1 5.953 -5.954a8.987 8.987 0 0 1 2.65 -.396z" /><path d="M8 14.5c.5 2 2.358 2.5 4 2.5c2.905 0 4 -1.187 4 -2.5c0 -1.503 -1.927 -2.5 -4 -2.5s-4 -.997 -4 -2.5c0 -1.313 1.095 -2.5 4 -2.5c1.642 0 3.5 .5 4 2.5" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-skype</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-slack" title="brand-slack">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12v-6a2 2 0 0 1 4 0v6m0 -2a2 2 0 1 1 2 2h-6" /><path d="M12 12h6a2 2 0 0 1 0 4h-6m2 0a2 2 0 1 1 -2 2v-6" /><path d="M12 12v6a2 2 0 0 1 -4 0v-6m0 2a2 2 0 1 1 -2 -2h6" /><path d="M12 12h-6a2 2 0 0 1 0 -4h6m-2 0a2 2 0 1 1 2 -2v6" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-slack</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-snapchat" title="brand-snapchat">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.882 7.842a4.882 4.882 0 0 0 -9.764 0c0 4.273 -.213 6.409 -4.118 8.118c2 .882 2 .882 3 3c3 0 4 2 6 2s3 -2 6 -2c1 -2.118 1 -2.118 3 -3c-3.906 -1.709 -4.118 -3.845 -4.118 -8.118zm-13.882 8.119c4 -2.118 4 -4.118 1 -7.118m17 7.118c-4 -2.118 -4 -4.118 -1 -7.118" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-snapchat</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-soundcloud" title="brand-soundcloud">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 11h1c1.38 0 3 1.274 3 3c0 1.657 -1.5 3 -3 3l-6 0v-10c3 0 4.5 1.5 5 4z" /><line x1="9" y1="8" x2="9" y2="17" /><line x1="6" y1="17" x2="6" y2="10" /><line x1="3" y1="16" x2="3" y2="14" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-soundcloud</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-spotify" title="brand-spotify">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M8 11.973c2.5 -1.473 5.5 -.973 7.5 .527" /><path d="M9 15c1.5 -1 4 -1 5 .5" /><path d="M7 9c2 -1 6 -2 10 .5" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-spotify</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-steam" title="brand-steam">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.5 5a4.5 4.5 0 1 1 -.653 8.953l-4.347 3.009l0 .038a3 3 0 0 1 -2.824 2.995l-.176 .005a3.001 3.001 0 0 1 -2.94 -2.402l-2.56 -1.098v-3.5l3.51 1.755a2.989 2.989 0 0 1 2.834 -.635l2.727 -3.818a4.5 4.5 0 0 1 4.429 -5.302z" /><circle fill="currentColor" cx="16.5" cy="9.5" r="1" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-steam</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-stripe" title="brand-stripe">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11.453 8.056c0 -.623 .518 -.979 1.442 -.979c1.69 0 3.41 .343 4.605 .923l.5 -4c-.948 -.449 -2.82 -1 -5.5 -1c-1.895 0 -3.373 .087 -4.5 1c-1.172 .956 -2 2.33 -2 4c0 3.03 1.958 4.906 5 6c1.961 .69 3 .743 3 1.5c0 .735 -.851 1.5 -2 1.5c-1.423 0 -3.963 -.609 -5.5 -1.5l-.5 4c1.321 .734 3.474 1.5 6 1.5c2.004 0 3.957 -.468 5.084 -1.36c1.263 -.979 1.916 -2.268 1.916 -4.14c0 -3.096 -1.915 -4.547 -5.003 -5.637c-1.646 -.605 -2.544 -1.07 -2.544 -1.807z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-stripe</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-tabler" title="brand-tabler">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-tabler</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-tailwind" title="brand-tailwind">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11.667 6c-2.49 0 -4.044 1.222 -4.667 3.667c.933 -1.223 2.023 -1.68 3.267 -1.375c.71 .174 1.217 .68 1.778 1.24c.916 .912 2 1.968 4.288 1.968c2.49 0 4.044 -1.222 4.667 -3.667c-.933 1.223 -2.023 1.68 -3.267 1.375c-.71 -.174 -1.217 -.68 -1.778 -1.24c-.916 -.912 -1.975 -1.968 -4.288 -1.968zm-4 6.5c-2.49 0 -4.044 1.222 -4.667 3.667c.933 -1.223 2.023 -1.68 3.267 -1.375c.71 .174 1.217 .68 1.778 1.24c.916 .912 1.975 1.968 4.288 1.968c2.49 0 4.044 -1.222 4.667 -3.667c-.933 1.223 -2.023 1.68 -3.267 1.375c-.71 -.174 -1.217 -.68 -1.778 -1.24c-.916 -.912 -1.975 -1.968 -4.288 -1.968z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-tailwind</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-telegram" title="brand-telegram">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-telegram</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-tidal" title="brand-tidal">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 7l-2.5 2.5l2.5 2.5l2.5 -2.5z" /><path d="M12 14l-2.5 2.5l2.5 2.5l2.5 -2.5z" /><path d="M19 7l-2.5 2.5l2.5 2.5l2.5 -2.5z" /><path d="M5 7l-2.5 2.5l2.5 2.5l2.5 -2.5z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-tidal</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-tiktok" title="brand-tiktok">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 12a4 4 0 1 0 4 4v-12a5 5 0 0 0 5 5" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-tiktok</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-tinder" title="brand-tinder">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.918 8.174c2.56 4.982 .501 11.656 -5.38 12.626c-7.702 1.687 -12.84 -7.716 -7.054 -13.229c.309 -.305 1.161 -1.095 1.516 -1.349c0 .528 .27 3.475 1 3.167c3 0 4 -4.222 3.587 -7.389c2.7 1.411 4.987 3.376 6.331 6.174z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-tinder</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-tumblr" title="brand-tumblr">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 21h4v-4h-4v-6h4v-4h-4v-4h-4v1a3 3 0 0 1 -3 3h-1v4h4v6a4 4 0 0 0 4 4" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-tumblr</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-twitch" title="brand-twitch">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 5v11a1 1 0 0 0 1 1h2v4l4 -4h5.584c.266 0 .52 -.105 .707 -.293l2.415 -2.414c.187 -.188 .293 -.442 .293 -.708v-8.585a1 1 0 0 0 -1 -1h-14a1 1 0 0 0 -1 1z" /><line x1="16" y1="8" x2="16" y2="12" /><line x1="12" y1="8" x2="12" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-twitch</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-twitter" title="brand-twitter">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-twitter</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-unsplash" title="brand-unsplash">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 11h5v4h6v-4h5v9h-16zm5 -7h6v4h-6z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-unsplash</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-vimeo" title="brand-vimeo">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 8.5l1 1s1.5 -1.102 2 -.5c.509 .609 1.863 7.65 2.5 9c.556 1.184 1.978 2.89 4 1.5c2 -1.5 7.5 -5.5 8.5 -11.5c.444 -2.661 -1 -4 -2.5 -4c-2 0 -4.047 1.202 -4.5 4c2.05 -1.254 2.551 1.003 1.5 3c-1.052 2.005 -2 3 -2.5 3c-.49 0 -.924 -1.165 -1.5 -3.5c-.59 -2.42 -.5 -6.5 -3 -6.5s-5.5 4.5 -5.5 4.5z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-vimeo</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-vk" title="brand-vk">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 6h2v12c-4.5 -1 -8 -6.5 -9 -12" /><path d="M20 6c-1 2 -3 5 -5 6h-3" /><path d="M20 18c-1 -2 -3 -5 -5 -6" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-vk</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-whatsapp" title="brand-whatsapp">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9" /><path d="M9 10a0.5 .5 0 0 0 1 0v-1a0.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a0.5 .5 0 0 0 0 -1h-1a0.5 .5 0 0 0 0 1" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-whatsapp</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-windows" title="brand-windows">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.8 20l-12 -1.5c-1 -.1 -1.8 -.9 -1.8 -1.9v-9.2c0 -1 .8 -1.8 1.8 -1.9l12 -1.5c1.2 -.1 2.2 .8 2.2 1.9v12.1c0 1.2 -1.1 2.1 -2.2 1.9z" /><line x1="12" y1="5" x2="12" y2="19" /><line x1="4" y1="12" x2="20" y2="12" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-windows</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-yahoo" title="brand-yahoo">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="6" x2="8" y2="6" /><line x1="7" y1="18" x2="14" y2="18" /><path d="M4.5 6l5.5 7v5" /><path d="M10 13l6 -5" /><line x1="12.5" y1="8" x2="17.5" y2="8" /><line x1="20" y1="11" x2="20" y2="15" /><line x1="20" y1="18" x2="20" y2="18.01" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-yahoo</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-ycombinator" title="brand-ycombinator">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M8 7.002l4 5.998l4 -6" /><line x1="12" y1="17" x2="12" y2="13" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-ycombinator</div>
                          </a>
                          <a href="#" class="demo-icons-list-item" data-bs-toggle-icon="brand-youtube" title="brand-youtube">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="4" /><path d="M10 9l5 3l-5 3z" /></svg>
                            <div class="mt-1 text-muted text-h5">brand-youtube</div>
                          </a>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <footer class="footer footer-transparent d-print-none">
          <div class="container">
            <div class="row text-center align-items-center flex-row-reverse">
              <div class="col-lg-auto ms-lg-auto">
                <ul class="list-inline list-inline-dots mb-0">
                  <li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
                  <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
                </ul>
              </div>
              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
                <ul class="list-inline list-inline-dots mb-0">
                  <li class="list-inline-item">
                    Copyright &copy; 2021
                    <a href="." class="link-secondary">Tabler</a>.
                    All rights reserved.
                  </li>
                  <li class="list-inline-item">
                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.22</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </footer>
      </div>
    </div>
    <!-- Libs JS -->
    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <!-- Tabler Core -->
    <script src="./dist/js/tabler.min.js"></script>
    <script>
      var getClosest = function (elem, selector) {
      	for ( ; elem && elem !== document; elem = elem.parentNode ) {
      		if ( elem.matches( selector ) ) return elem;
      	}
      	return null;
      };
      (function () {
      	const elements = document.querySelectorAll('[data-bs-toggle-icon]');
      	if (elements.length) {
      		elements.forEach(function (element) {
      			element.addEventListener('click', function(e){
      				var icon = this.dataset.toggleIcon,
      					svg = this.querySelector('svg').outerHTML,
      					iconCode = this.dataset.iconSvg,
      					editor = getClosest(this, '[data-icon-preview]');
      				editor.querySelector('[data-icon-preview-icon]').innerHTML = svg;
      				editor.querySelector('[data-icon-preview-title]').innerText = icon;
      				editor.querySelector('[data-icon-preview-code]').innerHTML = iconCode.trim();
      				e.preventDefault();
      				return false;
      			})
      		});
      	}
      })();
    </script>
  </body>
</html>